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

1.前台页面

 <div class="layui-form-item">

  <label class="layui-form-label">BOM编号</label>
  <div class="layui-input-block">
  <input type="text" class="layui-input" name='code'
   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 自定义验证的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。