這篇文章主要介紹layui對表單標(biāo)簽進(jìn)行校驗的方法,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
layui表單元素的校驗只需在元素上加入lay-verify,layui提供了以下值。
required(必填項) phone(手機(jī)號) email(郵箱) url(網(wǎng)址) number(數(shù)字) date(日期) identity(身份證) 自定義值
同時支持多條規(guī)則的驗證,格式:lay-verify=“驗證A|驗證B”
如:lay-verify=“required|phone|number”
另外,除了我們內(nèi)置的校驗規(guī)則,你還可以給他設(shè)定任意的值,比如lay-verify=“pass”,那么你就需要借助form.verify()方法對pass進(jìn)行一個校驗規(guī)則的定義
示例:
填入非法郵件時,點擊提交會有笑臉圖標(biāo)提示,挺棒的!
自定義校驗:
form.verify({ username: function(value, item){ //value:表單的值、item:表單的DOM對象 if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){ return '用戶名不能有特殊字符'; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return '用戶名首尾不能出現(xiàn)下劃線\'_\''; } if(/^\d+\d+\d$/.test(value)){ return '用戶名不能全為數(shù)字'; } } //我們既支持上述函數(shù)式的方式,也支持下述數(shù)組的形式 //數(shù)組的兩個值分別代表:[正則匹配、匹配不符時的提示文字] ,pass: [ /^[\S]{6,12}$/ ,'密碼必須6到12位,且不能出現(xiàn)空格' ] });
當(dāng)你自定義了類似上面的驗證規(guī)則后,你只需要把key賦值給輸入框的 lay-verify 屬性即可:
以上是“l(fā)ayui對表單標(biāo)簽進(jìn)行校驗的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!