快捷導(dǎo)航

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編號重復(fù)'
   }
   },
   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 自定義驗證的實例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript數(shù)組排序reverse()和sort()方法詳解
這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下
2017-12-12
JavaScript中將字符串轉(zhuǎn)換為浮點數(shù)的技巧
在JavaScript中,parseFloat是一個內(nèi)置函數(shù),用于將一個字符串解析成浮點數(shù),這個方法對于處理用戶輸入、從文本文件讀取數(shù)據(jù)或者在Web API中獲取數(shù)值尤其重要,本文將詳細(xì)介紹parseFloat的工作原理、使用方法以及通過代碼案例展示其在實際開發(fā)中的應(yīng)用
2025-02-02
JavaScript探測CSS動畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細(xì)介紹了JavaScript探測CSS動畫是否已經(jīng)完成的方法，感興趣的小伙伴們可以參考一下
2016-08-08
JS操作input標(biāo)簽屬性checkbox全選的實現(xiàn)代碼
這篇文章主要介紹了JS操作input標(biāo)簽屬性checkbox全選的代碼，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03
D3.js實現(xiàn)文本的換行詳解
相信大家都知道在SVG中添加文本是使用text元素。但這個元素不能夠自動換行，超出的部分就顯示不出來了，怎么辦呢？下面通過這篇文章來給大家詳細(xì)介紹下實現(xiàn)的過程。
2016-10-10
js中如何獲取JSON數(shù)組的長度
這篇文章主要介紹了js中如何獲取JSON數(shù)組的長度問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04
js實現(xiàn)跨域的幾種方法匯總（圖片ping、JSONP和CORS）
平時用慣了jQuery.ajax之類的方法，卻時常忽略了它背后的實現(xiàn)，本文是學(xué)習(xí)了AJAX基礎(chǔ)及幾種跨域解決方案之后的一些收獲。
2015-10-10
js下為表格內(nèi)部動態(tài)添加行的代碼
最近的一個項目中在保存表單數(shù)據(jù)時，要用到一個動態(tài)添加行的功能。平時動態(tài)添加行只是在表格的最下面添加，現(xiàn)在在表格中間動態(tài)添加行，而且表格內(nèi)部是包含并且單元格的，其實很簡單，下面貼出代碼。
2010-06-06
bootstrap響應(yīng)式工具使用詳解
這篇文章主要介紹了bootstrap響應(yīng)式工具使用的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
JS中如何設(shè)置readOnly的值
本篇文章主要是對JS中設(shè)置readOnly值的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12