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 自定義驗證的實例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了TypeScript?泛型重載函數(shù)的使用方式，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
js中判斷文本框是否為空的兩種方法，需要的朋友可以參考下。2011-07-07
基于javascript實現(xiàn)貪吃蛇經(jīng)典小游戲
這篇文章主要為大家詳細介紹了JS實現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)瀑布流以及加載效果的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
在前端開發(fā)中，優(yōu)化頁面性能是非常重要的一個方面，頁面性能優(yōu)化可以提升網(wǎng)站的用戶體驗，加速頁面的加載速度，提高用戶的滿意度，本文講解了前端通用的優(yōu)化策略，需要詳細了解可以參考下2023-05-05
這篇文章主要介紹了JS判斷是否長按某一鍵的方法,涉及JavaScript針對鍵盤按鍵的判斷及響應操作技巧,需要的朋友可以參考下2016-03-03
javascript時間戳和日期字符串相互轉(zhuǎn)換代碼(超簡單)
下面小編就為大家?guī)硪黄猨avascript時間戳和日期字符串相互轉(zhuǎn)換代碼(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
下面小編就為大家?guī)硪黄猨s原生實現(xiàn)FastClick事件的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要給大家介紹了關于前端常用幾種加密方法的相關資料,需要的朋友可以參考下2024-01-01
這篇文章主要以圖片展示的方式向大家講解了js圖片輪播效果的實現(xiàn)方法，對圖片輪播實現(xiàn)原理進行了詳細介紹，感興趣的朋友可以參考一下2015-12-12