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 来操作字符串(一些字符串函数)
Feb 15 Javascript
表单(FORM)的一些实用效果代码
Mar 25 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
css+js实现部分区域高亮可编辑遮罩层
Mar 04 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
Bootstrap警告框(Alert)插件使用方法
Mar 21 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 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
fleaphp常用方法分页之Pager使用方法
2011/04/23 PHP
PHP写的求多项式导数的函数代码
2012/07/04 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
PHP中的use关键字及文件的加载详解
2016/11/28 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
JS实现文字向下滚动完整实例
2015/02/06 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
漫谈JS引擎的运行机制 你应该知道什么
2016/06/15 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
[01:04:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第二场 1月31日
2021/03/11 DOTA
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
pytorch 预训练层的使用方法
2019/08/20 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
python3用urllib抓取贴吧邮箱和QQ实例
2020/03/10 Python
python为什么要安装到c盘
2020/07/20 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
基于HTML5 WebGL的3D机房的示例
2018/03/16 HTML / CSS
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
法学专业本科生自荐信范文
2013/12/17 职场文书
小学生检讨书大全
2014/02/06 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
2016感恩母亲节校园广播稿
2015/12/17 职场文书
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技