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;
        }
    });