如何设置layui lay-verify自定义表单验证规则?

2026-04-06 13:400阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计293个文字,预计阅读时间需要2分钟。

如何设置layui lay-verify自定义表单验证规则?

官方文档查看:[layui 表单模块](https://www.layui.com/doc/modules/form.)

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

虽然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:

如何设置layui lay-verify自定义表单验证规则?

form.verify({ //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字] ,digital: [ /^[0-4]*$/ ,'请填入0-4的分数' ] });


这样写没问题,但是form.verify放置的位置没讲清楚,还是要自己试一下。

阅读全文

本文共计293个文字,预计阅读时间需要2分钟。

如何设置layui lay-verify自定义表单验证规则?

官方文档查看:[layui 表单模块](https://www.layui.com/doc/modules/form.)

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

虽然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:

如何设置layui lay-verify自定义表单验证规则?

form.verify({ //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字] ,digital: [ /^[0-4]*$/ ,'请填入0-4的分数' ] });


这样写没问题,但是form.verify放置的位置没讲清楚,还是要自己试一下。

阅读全文