layui中l(wèi)ay-verify form表單自定義驗(yàn)證規(guī)則的示例分析

這篇文章主要介紹layui中l(wèi)ay-verify form表單自定義驗(yàn)證規(guī)則的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

雖然layui的官方文檔已經(jīng)是寫的比較詳細(xì)，但是初次使用的時(shí)候總會(huì)懵一下，這里紀(jì)錄一下lay-verify自定義驗(yàn)證規(guī)則的時(shí)候到底放哪。

html：

<input type="text" lay-verify="digital" placeholder="請(qǐng)輸入數(shù)字">
<button type="button" class="layui-btn layui-btn-norma" lay-submit lay-filter="submit_button">提交</button>

js：

form.verify({
 //數(shù)組的兩個(gè)值分別代表：[正則匹配、匹配不符時(shí)的提示文字]
 ,digital: [
  /^[0-4]*$/
 ,'請(qǐng)?zhí)钊?-4的分?jǐn)?shù)'
 ] 
});

這樣寫沒問題，但是form.verify放置的位置沒講清楚，還是要自己試一下。

layui.use(['form'], function () {
  var form = layui.form;
  //要放在form.on外面，千萬不能放在提交步驟中，否則會(huì)不觸發(fā)
  form.verify({
   //數(shù)組的兩個(gè)值分別代表：[正則匹配、匹配不符時(shí)的提示文字]
   digital: [
    /^[0-4]*$/
    ,'請(qǐng)?zhí)钊?-4的分?jǐn)?shù)'
   ]
  });
  form.on("submit(submit_button)", function (data) {
   return false;
  });
 });

以上是“l(fā)ayui中l(wèi)ay-verify form表單自定義驗(yàn)證規(guī)則的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！