element自定義表單驗證

2021-10-09 07:07:40 字數 1189 閱讀 7420

/**validate.js

* @param path

* @returns

*/export function

i***ternal

(path)

/** * 手機號碼

* @param s

*/export function

checkphone

(rule, value, callback)

$/if

(!value)if(

!number.

isinteger

(+value)

)else

else

}settimeout((

)=>

else

else}}

,100)}

/** * 是否是數字帶小數點

* @param s

*/export function

isnumber

(rule, value, callback)

else(?

:\.\d

)?$/

;//小數點左邊最高16位,小數點右邊最多4位

if(reg.

test

(value)

)else

}}

在頁面引用

"dataform"

:rules=

"datarule" ref=

"dataform"

label-width=

"110px"

>

"客戶**" prop=

"phone"

>

"dataform.phone" placeholder=

"請輸入客戶**" size=

"medium"

/>

<

/el-form-item>

<

/el-form>

import  from '@/utils/validate.js'

export default}}

, computed:]}

}}}

如果是select 驗證 trigger: 『change』

如果驗證不了,有可能是prop屬性沒有寫

element 表單自定義校驗

element 表單自定義校驗備份 涉及開始時間,結束時間,時間間隔 rules rules enddate maintaininterval maintaingrade 對應的規則說明 在data 中return上面宣告對應的規則 const enddaterules rule,value,cal...

element自定義驗證規則

需求1 獲取到某個輸入框內容並判斷是否符合規則要求 以 號為例 dataforget.captcha placeholder 請輸入手機或郵箱驗證碼 prefix icon el icon edit el input let isphone 00 86 1 3 d 4 5 7 9 5 0 3 5 9...

element 驗證詳解 自定義驗證規則

如圖,驗證功能點名稱,長度1 20並且是數字和字母的組合。長度是1 20,這個很好辦,直接 el form表單上新增 rules rules 新增個ref ruleform 下面提交的時候好識別 prop powername 就是對應的規則的名稱了 取 消 確 定然後對應的 js 裡面新增規則 這裡...