介绍要求(必填项)
手机(手机号)
电子邮件(邮箱)
url(网址)
号码(数字)
日期(日期)
身份(身份证)
自定义值 & lt; div 类=發ayui-form-item"比;
,,,,,,,& lt; label 为=啊?类=發ayui-form-label"祝辞请输入邮件& lt;/label>
,,,,,,,& lt; div 类=發ayui-input-block"比;
,,,,,,,,,,,& lt; input 类型=皌ext",占位符=扒胧淙胗始?lay-verify=癳mail",类=發ayui-input"比;
,,,,,,,& lt;/div>
,,,& lt;/div> form.verify ({
用户名:,函数才能(价值,项目){,//价值:表单的值,单品:表单的DOM对象
,,,如果(! new 正则表达式(“^ [a-zA-Z0-9_ \ u4e00 - \ u9fa5 \ \ s·] +“美元)test(值)){
,,,,,return & # 39;用户名不能有特殊字符& # 39;;
,,,}
,,,如果(/(^ \ _)|(\ __)|(\ _ +美元)/test(值)){
,,,,,return & # 39;用户名首尾不能出现下划线\ & # 39;_ \ & # 39;& # 39;;
,,,}
,,,如果(/^ \ d + \ d + \ d $/test(值)){
,,,,,return & # 39;用户名不能全为数字& # 39;;
,,,}
,,}
,,//我才能们既支持上述函数式的方式,也支持下述数组的形式//数才能组的两个值分别代表:[正则匹配,匹配不符时的提示文字)
,才能通过:,
,,,/^ \ [S]{6、12}/美元
,,,,& # 39;密码必须6到12位,且不能出现空格& # 39;
),才能
}); & lt; input 类型=皌ext", lay-verify=皍sername",占位符=扒胧淙胗没氨?
& lt; input 类型=皃assword", lay-verify=皃ass",占位符=扒胧淙朊苈搿霸?/pre>
这篇文章主要介绍layui对表单标签进行校验的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
layui表单元素的校验只需在元素上加入lay-verify, layui提供了以下值。
同时支持多条规则的验证,格式:lay-verify=把橹ひ桓鰘验证B”
如:lay-verify=耙髚 |电话号码”
另外,除了我们内置的校验规则,你还可以给他设定任意的值,比如lay-verify=巴ü?那么你就需要借助form.verify()方法对通过进行一个校验规则的定义
示例:
填入非法邮件时,点击提交会有笑脸图标提示,挺棒的!
自定义校验:
当你自定义了类似上面的验证规则后,你只需要把关键赋值给输入框的lay-verify属性即可:
以上是“layui对表单标签进行校验的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
