layui中lay-verify form表单自定义验证规则的示例分析

这篇文章主要介绍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表单自定义验证规则的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！