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表单自定义验证规则的示例分析
文章地址:http://bzwzjz.com/article/jojopc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设公司 企业网站设计 营销网站建设 成都网站建设 营销网站建设 成都网站设计公司 重庆企业网站建设 成都网站设计 外贸网站建设 成都网站设计制作公司 高端定制网站设计 网站建设 成都网站建设公司 成都网站设计 响应式网站设计 品牌网站建设 攀枝花网站设计 温江网站设计 重庆企业网站建设 网站建设公司 网站制作 手机网站制作设计