element自定義驗證規則

2021-10-12 07:31:26 字數 768 閱讀 3687

需求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])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[1|8|9]))\d$/

if(isphone.

test

(this

.dataforget.captcha)

)elese

需求2:使用表單並自定義規則
data()

else

if(value !==

this

.dataforget.password)

else

}return],

}}}

需求3:使用表單並使用pattern自定義規則
forgetrule:,$/

, message:

'請輸入正確的**號碼'

, trigger:

'blur',}

,],

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

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

element自定義表單驗證

validate.js param path returns export function i ternal path 手機號碼 param s export function checkphone rule,value,callback if value if number.isinteger ...

DWZ表單自定義驗證規則

專案前台使用dwz框架 今天做註冊使用者功能的時候,需要對登入名進行唯一性驗證,特此記錄dwz表單自定義驗證 dwz有專門存放自定義js 檔案 js dwz.regional.zh.js,這個檔案中的 並不多 author 張慧華 z j ui.com function 的字串 minlength ...