layui表單元素的校驗只需在元素上加入lay-verify，layui提供了以下值。

required（必填項）phone（手機號）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進行一個校驗規(guī)則的定義

示例：

<div class="layui-form-item">  <label for="" class="layui-form-label">請輸入郵件</label>  <div class="layui-input-block">   <input type="text" placeholder="請輸入郵件" lay-verify="email" class="layui-input">  </div> </div>

填入非法郵件時，點擊提交會有笑臉圖標提示，挺棒的！

自定義校驗：

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)空格' ] });

當你自定義了類似上面的驗證規(guī)則后，你只需要把key賦值給輸入框的 lay-verify 屬性即可：

<input type="text" lay-verify="username" placeholder="請輸入用戶名"><input type="password" lay-verify="pass" placeholder="請輸入密碼">

以上這篇layui 表單標簽的校驗方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。