1.前台页面
我们提供的服务有:成都网站建设、网站建设、微信公众号开发、网站优化、网站认证、大新ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的大新网站制作公司
<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 自定义验证的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
本文题目:LayuiForm自定义验证的实例代码
URL地址:https://www.cdcxhl.com/article30/pisspo.html
成都网站建设公司_创新互联,为您提供网页设计公司、商城网站、网站建设、网站导航、Google、品牌网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联