layui lay-verify form表单自定义验证规则详解

今天小编就为大家分享一篇layui lay-verify form表单自定义验证规则详解,具有很好的参考价值,相信我对大家有所帮助。一起跟随小编过来看看吧

官方文档详见:https://www.layui.com/doc/modules/form.html#verify

虽然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表单自定义验证规则详解的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程