官方文檔詳見:https://www.layui.com/doc/modules/form.html#verify
雖然layui的官方文檔已經是寫的比較詳細,但是初次使用的時候總會懵一下,這里紀錄一下lay-verify自定義驗證規則的時候到底放哪。
html:
<input type="text" lay-verify="digital" placeholder="請輸入數字">
<button type="button" class="layui-btn layui-btn-norma" lay-submit lay-filter="submit_button">提交</button>
js:
form.verify({
//數組的兩個值分別代表:[正則匹配、匹配不符時的提示文字]
,digital: [
/^[0-4]*$/
,'請填入0-4的分數'
]
});
這樣寫沒問題,但是form.verify放置的位置沒講清楚,還是要自己試一下。
layui.use(['form'], function () {
var form = layui.form;
//要放在form.on外面,千萬不能放在提交步驟中,否則會不觸發
form.verify({
//數組的兩個值分別代表:[正則匹配、匹配不符時的提示文字]
digital: [
/^[0-4]*$/
,'請填入0-4的分數'
]
});
form.on("submit(submit_button)", function (data) {
return false;
});
});