如何实现Layui中的表单与数据表格事件监听功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1805个文字,预计阅读时间需要8分钟。
一、表单事件监听+先介绍几个属性的用法
1.lay-filter:事件过滤器,用于选择器,对应于layui的专属选择器
2.lay-verify:验证属性,用于设置验证规则
二、lay-filter属性
1.用于事件过滤,相当于jQuery的委托事件
2.示例:``
三、lay-verify属性
1.用于设置验证规则
2.属性值:
- required:必填项 - phone:手机号 - email:邮箱 - 示例:``一、表单的事件监听
先介绍一下几个属性的用法
1、lay-filter 事件过滤器
相当于选择器,layui的专属选择器
2、lay-verify 验证属性
属性值可以是 :required必填项, phone手机号,email邮箱,url网址,number数字,date日期,identity身份证。这个相当于正则判断,当然你也可以定义自己的正则,做一些复杂的判断,例如:
<input type="text" lay-verify="required"> //这里写required就是必填项的意思,相反phone就是手机号, 如果是多个判断可以这样:ay-verify="required|phone",手机号必填。
本文共计1805个文字,预计阅读时间需要8分钟。
一、表单事件监听+先介绍几个属性的用法
1.lay-filter:事件过滤器,用于选择器,对应于layui的专属选择器
2.lay-verify:验证属性,用于设置验证规则
二、lay-filter属性
1.用于事件过滤,相当于jQuery的委托事件
2.示例:``
三、lay-verify属性
1.用于设置验证规则
2.属性值:
- required:必填项 - phone:手机号 - email:邮箱 - 示例:``一、表单的事件监听
先介绍一下几个属性的用法
1、lay-filter 事件过滤器
相当于选择器,layui的专属选择器
2、lay-verify 验证属性
属性值可以是 :required必填项, phone手机号,email邮箱,url网址,number数字,date日期,identity身份证。这个相当于正则判断,当然你也可以定义自己的正则,做一些复杂的判断,例如:
<input type="text" lay-verify="required"> //这里写required就是必填项的意思,相反phone就是手机号, 如果是多个判断可以这样:ay-verify="required|phone",手机号必填。

