Layui 的 form.verify 表单自定义验证


1、不需要请求后台的验证。eg: 验证格式、判空等:

<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: 查重、是否存在等:

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