Layui Form 自定义验证的实例代码

今天小编就为大家分享一篇Layui Form 自定义验证的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1.前台页面

<div> <label>BOM编号</label> <div> <input type="text" lay-verify="required|unique"> </div> </div>

2.前台Js

需要引用layui.js文件

<script type="text/javascript"> var form = layui.form; form.verify({ 'unique' : function(value, item) { var checkValue = value.trim(); var checkResult=''; $.ajax({ url : '/bomManage/checkBomCode', type : 'POST', data : { "newBomCode" : checkValue }, datatype : 'json', async : false, success : function(result) { if (!result) { checkResult='BOM编号重复' } }, error : function() { kok.message("BOM编号验证失败") } }); return checkResult } }) </script>

3.后台逻辑处理

@Override public boolean checkBomCode(String newBomCode) { BdBomVersionExample example=new BdBomVersionExample(); Criteria criteria = example.createCriteria(); criteria.andCodeEqualTo(newBomCode.trim()); List<BdBomVersion> checks = bdBomVersionMapper.selectByExample(example); boolean checkValue=true; if(checks.size()>0){ checkValue=false; } return checkValue; }

以上这篇Layui Form 自定义验证的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/403a03c850b0ba05a8535a447474338e.html