layui lay-verify form表單自定義驗證規則


官方文檔詳見: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;
        });
    });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM