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

这篇文章主要介绍layui中lay-verify form表单自定义验证规则的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联公司于2013年创立,先为游仙等服务建站,游仙等地企业,进行企业商务咨询服务。为游仙企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪。

html:


提交

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


当前名称:layui中lay-verifyform表单自定义验证规则的示例分析
标题URL:http://www.hxwzsj.com/article/jojopc.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 重庆企业网站建设 四川成都网站制作 成都网站建设 自适应网站建设 成都网站设计制作公司 成都企业网站建设 做网站设计 企业网站建设 成都网站建设 成都网站设计 网站建设方案 手机网站制作设计 成都网站建设 成都网站建设 企业网站设计 手机网站建设 定制网站建设多少钱 宜宾网站设计 手机网站建设套餐 成都网站建设 品牌网站建设 成都商城网站制作