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


Posted in Javascript onSeptember 14, 2019

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 自定义验证的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
很酷的javascript loading效果代码
Jun 18 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
require.js中的define函数详解
Jul 10 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
Mar 17 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 #Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 #Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 #Javascript
vue登录注册实例详解
Sep 14 #Javascript
javascript合并两个数组最简单的实现方法
Sep 14 #Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 #Javascript
Layui表格行工具事件与数据回填方法
Sep 13 #Javascript
You might like
VFP与其他应用程序的集成
2006/10/09 PHP
PHP中几个常用的魔术常量
2012/02/23 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
php打包压缩文件之ZipArchive方法用法分析
2016/04/30 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
PHP单例模式数据库连接类与页面静态化实现方法
2019/03/20 PHP
javascript实现类似百度分享功能的方法
2015/07/27 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
js实现仿京东2级菜单效果(带延时功能)
2015/08/27 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
微信小程序调用微信支付接口的实现方法
2019/04/29 Javascript
jquery将信息遍历到界面上实例代码
2020/01/21 jQuery
简单谈谈offsetleft、offsetTop和offsetParent
2020/12/04 Javascript
python实现一个简单的并查集的示例代码
2018/03/19 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
在python里从协程返回一个值的示例
2019/02/19 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
用你熟悉的语言写一个连接ORACLE数据库的程序,能够完成修改和查询工作
2012/06/11 面试题
物流经理自我评价
2013/09/23 职场文书
工程地质勘察专业大学生求职信
2013/10/13 职场文书
《雨霖铃》听课反思
2014/02/13 职场文书
合作投资意向书
2014/04/01 职场文书
元旦晚会活动总结
2014/07/09 职场文书
表扬信范文
2015/05/04 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
公司周年庆寄语
2019/06/21 职场文书
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
一文搞懂PHP中的抽象类和接口
2022/05/25 PHP
win10如何快速切换窗口 win10切换窗口快捷键分享
2022/07/23 数码科技