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 相关文章推荐
在Windows上安装Node.js模块的方法
Sep 25 Javascript
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
React服务端渲染(总结)
Jul 01 Javascript
vue复合组件实现注册表单功能
Nov 06 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 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
PHP的FTP学习(三)
2006/10/09 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
js文字滚动停顿效果代码
2008/06/28 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
vue+Java后端进行调试时解决跨域问题的方式
2017/10/19 Javascript
Vue2.0点击切换类名改变样式的方法
2018/08/22 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
微信小程序实现签到弹窗动画
2020/09/21 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
Python中字典的基本知识初步介绍
2015/05/21 Python
python变量不能以数字打头详解
2016/07/06 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
python判断设备是否联网的方法
2018/06/29 Python
Django操作session 的方法
2020/03/09 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
web字体加载方案优化小结
2019/11/29 HTML / CSS
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
薪酬专员岗位职责
2014/02/18 职场文书
疾病防治方案
2014/05/31 职场文书
会计求职信怎么写
2015/03/20 职场文书
结婚堵门保证书
2015/05/08 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android