这篇文章主要介绍layui中lay-verify fORM表单自定义验证规则的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!虽然layui的官方文档已经是写的比较详细,但是初
这篇文章主要介绍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表单自定义验证规则的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网html频道!
--结束END--
本文标题: layui中lay-verify form表单自定义验证规则的示例分析
本文链接: https://www.lsjlt.com/news/76773.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0