您好,登錄后才能下訂單哦!
這篇文章主要介紹layui中lay-verify form表單自定義驗證規則的示例分析,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
雖然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; }); });
以上是“layui中lay-verify form表單自定義驗證規則的示例分析”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。