Layui Form 自定義驗(yàn)證的實(shí)例代碼
更新時(shí)間：2019年09月14日 22:27:15 作者：alwaysOnCoding
今天小編就為大家分享一篇Layui Form 自定義驗(yàn)證的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
1.前臺(tái)頁(yè)面
<div class="layui-form-item"> <label class="layui-form-label">BOM編號(hào)</label> <div class="layui-input-block"> <input type="text" class="layui-input" name='code' lay-verify="required|unique"> </div> </div>
2.前臺(tái)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編號(hào)重復(fù)'
}
},
error : function() {
kok.message("BOM編號(hào)驗(yàn)證失敗")
}
});
return checkResult
}
})
</script>
3.后臺(tái)邏輯處理
@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 自定義驗(yàn)證的實(shí)例代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript數(shù)組排序reverse()和sort()方法詳解
這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下2017-12-12
JavaScript中將字符串轉(zhuǎn)換為浮點(diǎn)數(shù)的技巧
在JavaScript中,parseFloat是一個(gè)內(nèi)置函數(shù),用于將一個(gè)字符串解析成浮點(diǎn)數(shù),這個(gè)方法對(duì)于處理用戶輸入、從文本文件讀取數(shù)據(jù)或者在Web API中獲取數(shù)值尤其重要,本文將詳細(xì)介紹parseFloat的工作原理、使用方法以及通過(guò)代碼案例展示其在實(shí)際開(kāi)發(fā)中的應(yīng)用2025-02-02
JavaScript探測(cè)CSS動(dòng)畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細(xì)介紹了JavaScript探測(cè)CSS動(dòng)畫是否已經(jīng)完成的方法，感興趣的小伙伴們可以參考一下2016-08-08
JS操作input標(biāo)簽屬性checkbox全選的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS操作input標(biāo)簽屬性checkbox全選的代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
相信大家都知道在SVG中添加文本是使用text元素。但這個(gè)元素不能夠自動(dòng)換行，超出的部分就顯示不出來(lái)了，怎么辦呢？下面通過(guò)這篇文章來(lái)給大家詳細(xì)介紹下實(shí)現(xiàn)的過(guò)程。2016-10-10
這篇文章主要介紹了js中如何獲取JSON數(shù)組的長(zhǎng)度問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
js實(shí)現(xiàn)跨域的幾種方法匯總（圖片ping、JSONP和CORS）
平時(shí)用慣了jQuery.ajax之類的方法，卻時(shí)常忽略了它背后的實(shí)現(xiàn)，本文是學(xué)習(xí)了AJAX基礎(chǔ)及幾種跨域解決方案之后的一些收獲。2015-10-10
js下為表格內(nèi)部動(dòng)態(tài)添加行的代碼
最近的一個(gè)項(xiàng)目中在保存表單數(shù)據(jù)時(shí)，要用到一個(gè)動(dòng)態(tài)添加行的功能。平時(shí)動(dòng)態(tài)添加行只是在表格的最下面添加，現(xiàn)在在表格中間動(dòng)態(tài)添加行，而且表格內(nèi)部是包含并且單元格的，其實(shí)很簡(jiǎn)單，下面貼出代碼。2010-06-06
這篇文章主要介紹了bootstrap響應(yīng)式工具使用的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
本篇文章主要是對(duì)JS中設(shè)置readOnly值的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12