介绍要求(必填项)
手机(手机号)
电子邮件(邮箱)
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怎么实现表单标签校验,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
layui表单元素的校验只需在元素上加入lay-verify, layui提供了以下值。
同时支持多条规则的验证,格式:lay-verify=把橹ひ桓鰘验证B”
如:lay-verify=耙髚 |电话号码”
另外,除了我们内置的校验规则,你还可以给他设定任意的值,比如lay-verify=巴ü?那么你就需要借助form.verify()方法对通过进行一个校验规则的定义
<强>示例:
填入非法邮件时,点击提交会有笑脸图标提示,挺棒的!
<>强自定义校验:
当你自定义了类似上面的验证规则后,你只需要把关键赋值给输入框的lay-verify属性即可:
layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/javascript的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为电脑网页端后台系统与前台界面的速成开发方案。
上述就是小编为大家分享的使用layui怎么实现表单标签校验了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。
