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

required（必填項）
phone（手機號）
email（郵箱）
url（網址）
number（數字）
date（日期）
identity（身份證）
自定義值

同時支援多條規則的驗證，格式：lay-verify=”驗證A|驗證B”
如：lay-verify=”required|phone|number”

另外，除了我們內建的校驗規則，你還可以給他設定任意的值，比如lay-verify=”pass”，那麼你就需要藉助form.verify()方法對pass進行一個校驗規則的定義

示例：

<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 '使用者名稱首尾不能出現下劃線\'_\'';
    }
    if(/^\d+\d+\d$/.test(value)){
      return
 
 '使用者名稱不能全為數字';
    }
  }

  //我們既支援上述函式式的方式，也支援下述陣列的形式
  //陣列的兩個值分別代表：[正則匹配、匹配不符時的提示文字]
  ,pass: [
    /^[\S]{6,12}$/
    ,'密碼必須6到12位，且不能出現空格'
  ] 
});

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

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

專業牆紙貼紙廚房用具裝飾出售，本人網店經營