layui lay-verify form表單自定義驗證規(guī)則詳解
更新時間：2019年09月18日 14:54:50 作者：懵懂學(xué)子
今天小編就為大家分享一篇layui lay-verify form表單自定義驗證規(guī)則詳解，具有很好的參考價值，相信我對大家有所幫助。一起跟隨小編過來看看吧
官方文檔詳見：https://www.layui.com/doc/modules/form.html#verify
雖然layui的官方文檔已經(jīng)是寫的比較詳細，但是初次使用的時候總會懵一下，這里紀錄一下lay-verify自定義驗證規(guī)則的時候到底放哪。
html：
<input type="text" lay-verify="digital" placeholder="請輸入數(shù)字"> <button type="button" class="layui-btn layui-btn-norma" lay-submit lay-filter="submit_button">提交</button>
js：
form.verify({
//數(shù)組的兩個值分別代表：[正則匹配、匹配不符時的提示文字]
,digital: [
/^[0-4]*$/
,'請?zhí)钊?-4的分數(shù)'
]
});
這樣寫沒問題，但是form.verify放置的位置沒講清楚，還是要自己試一下。
layui.use(['form'], function () {
var form = layui.form;
//要放在form.on外面，千萬不能放在提交步驟中，否則會不觸發(fā)
form.verify({
//數(shù)組的兩個值分別代表：[正則匹配、匹配不符時的提示文字]
digital: [
/^[0-4]*$/
,'請?zhí)钊?-4的分數(shù)'
]
});
form.on("submit(submit_button)", function (data) {
return false;
});
});
以上這篇layui lay-verify form表單自定義驗證規(guī)則詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS中數(shù)組與對象相互轉(zhuǎn)換的實現(xiàn)方式
這篇文章主要介紹了JS中數(shù)組與對象相互轉(zhuǎn)換的實現(xiàn)方式，文章通過代碼示例講解的非常詳細，對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-04-04
這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)選項卡效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javaScript產(chǎn)生隨機數(shù)的用法小結(jié)
這篇文章主要介紹了javaScript產(chǎn)生隨機數(shù)的用法小結(jié),包括JavaScript Math.random()內(nèi)置函數(shù) ，Js 隨機數(shù)產(chǎn)生6位數(shù)字的代碼，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了JS實現(xiàn)的文件拖拽上傳功能,涉及javascript事件觸發(fā)、頁面元素屬性動態(tài)修改等相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
本文主要介紹了JS打印方法的幾種方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
Leaflet?數(shù)據(jù)可視化實現(xiàn)地圖下鉆示例詳解
這篇文章主要為大家介紹了Leaflet數(shù)據(jù)可視化實現(xiàn)地圖下鉆示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了js prototype深入理解及應(yīng)用,結(jié)合實例形式分析了JavaScript prototype屬性功能、原理、使用方法及操作注意事項,需要的朋友可以參考下2019-11-11
window.onload在某些情況下還是比較實用的，比如加載時執(zhí)行哪些腳本等等，下面有幾個不錯的示例，需要的朋友可以參考下2013-11-11
這篇文章主要為大家詳細介紹了原生js滑動輪播封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07