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

 更新时间:2019年09月14日 22:27:15   作者:alwaysOnCoding  
今天小编就为大家分享一篇Layui Form 自定义验证的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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数组排序reverse()和sort()方法详解

    JavaScript数组排序reverse()和sort()方法详解

    这篇文章主要介绍了JavaScript数组排序reverse()和sort()方法详解,需要的朋友可以参考下
    2017-12-12
  • JavaScript中将字符串转换为浮点数的技巧

    JavaScript中将字符串转换为浮点数的技巧

    在JavaScript中,parseFloat是一个内置函数,用于将一个字符串解析成浮点数,这个方法对于处理用户输入、从文本文件读取数据或者在Web API中获取数值尤其重要,本文将详细介绍parseFloat的工作原理、使用方法以及通过代码案例展示其在实际开发中的应用
    2025-02-02
  • JavaScript探测CSS动画是否已经完成的方法

    JavaScript探测CSS动画是否已经完成的方法

    这篇文章主要为大家详细介绍了JavaScript探测CSS动画是否已经完成的方法,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS操作input标签属性checkbox全选的实现代码

    JS操作input标签属性checkbox全选的实现代码

    这篇文章主要介绍了JS操作input标签属性checkbox全选的代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • D3.js实现文本的换行详解

    D3.js实现文本的换行详解

    相信大家都知道在SVG中添加文本是使用text元素。但这个元素不能够自动换行,超出的部分就显示不出来了,怎么办呢?下面通过这篇文章来给大家详细介绍下实现的过程。
    2016-10-10
  • js中如何获取JSON数组的长度

    js中如何获取JSON数组的长度

    这篇文章主要介绍了js中如何获取JSON数组的长度问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • js实现跨域的几种方法汇总(图片ping、JSONP和CORS)

    js实现跨域的几种方法汇总(图片ping、JSONP和CORS)

    平时用惯了jQuery.ajax之类的方法,却时常忽略了它背后的实现,本文是学习了AJAX基础及几种跨域解决方案之后的一些收获。
    2015-10-10
  • js下为表格内部动态添加行的代码

    js下为表格内部动态添加行的代码

    最近的一个项目中在保存表单数据时,要用到一个动态添加行的功能。平时动态添加行只是在表格的最下面添加,现在在表格中间动态添加行,而且表格内部是包含并且单元格的,其实很简单,下面贴出代码。
    2010-06-06
  • bootstrap响应式工具使用详解

    bootstrap响应式工具使用详解

    这篇文章主要介绍了bootstrap响应式工具使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • JS中如何设置readOnly的值

    JS中如何设置readOnly的值

    本篇文章主要是对JS中设置readOnly值的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12

最新评论