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图片自动或手动切换示例附演示源码
Sep 04 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
jQuery实现高亮显示网页关键词的方法
Aug 07 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
如何在Angular2中使用jQuery及其插件的方法
Feb 09 Javascript
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
ionic环境配置及问题详解
Jun 27 Javascript
6行代码实现微信小程序页面返回顶部效果
Dec 28 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
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
我的论坛源代码(三)
2006/10/09 PHP
php数据库配置文件一般做法分享
2012/07/07 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
简单的js分页脚本
2009/05/21 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
2015/08/27 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
关于RxJS Subject的学习笔记
2018/12/05 Javascript
Python模仿POST提交HTTP数据及使用Cookie值的方法
2014/11/10 Python
Python的面向对象思想分析
2015/01/14 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python列表切片操作实例总结
2019/02/19 Python
关于多元线性回归分析——Python&amp;SPSS
2020/02/24 Python
浅析Python面向对象编程
2020/07/10 Python
python try...finally...的实现方法
2020/11/25 Python
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
新大陆软件面试题
2016/11/24 面试题
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
行政总经理岗位职责
2013/12/05 职场文书
区级文明单位申报材料
2014/05/15 职场文书
社区先进事迹材料
2014/05/19 职场文书
财务管理专业求职信
2014/06/11 职场文书
终止劳动合同通知书
2015/04/16 职场文书
用JS写一个发布订阅模式
2021/11/07 Javascript