您好,登录后才能下订单哦!
密码登录
            
            
            
            
        登录注册
            
            
            
        点击 登录注册 即表示同意《亿速云用户服务条款》
        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 自定义验证的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持亿速云。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。