這篇文章主要介紹layui對表單標(biāo)簽進(jìn)行校驗的方法,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
公司主營業(yè)務(wù):網(wǎng)站制作、做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出睢縣免費做網(wǎng)站回饋大家。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è)資訊頻道!