Layui 的 form.verify 表單自定義驗證

1、不需要請求后台的驗證。eg: 驗證格式、判空等：

<!--html-->

<div class="layui-form-item">
 <label class="layui-form-label"><span class="required-msg ">*</span>行為：</label>
 <div class="layui-input-block" style="width: 80.4%">
 <input type="hidden" id="proIds" lay-verify="btx" >
 <div id="project"></div>
 </div>
</div>

/* js */
form.verify({
        btx: [/[\S]+/, "行為未選擇！"]
    });

 

2、需要請求后台的驗證，采用ajax。eg: 查重、是否存在等：

<!--html-->

<div class="layui-form-item">
 <label class="layui-form-label"><span class="required-msg ">*</span>檢查日期：</label>
 <div class="layui-input-block">
 <input class="layui-input min-input" type="text" id="checkDate" name="checkDate" placeholder="檢查日期" lay-verify="required|checkTime" lay-verType="tips" >
 </div>
</div>

/* js */
form.verify({ checkTime: function (value, item) {
            var msg = "";
            if (value){
                var result = '';
                $.ajax({
                    url: '/checkDate',
                    type: 'get',
                    async : false,
                    data: {"time": value},
                    success: function (res) {
                        if (res.code != "0") {
                            msg = "日期不在配置區間,請先配置";
                        }
                    },
                    error: function () {
                        msg = "驗證日期出錯！";
                    }
                });
            }
            return msg;
        }
    });