需求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 ...