当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | form.verify({
username: function(value, item){ //value:表单的值、item:表单的DOM对象
if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s?]+$").test(value)){
return '用户名不能有特殊字符';
}
if(/(^\_)|(\__)|(\_+$)/.test(value)){
return '用户名首尾不能出现下划线\'_\'';
}
if(/^\d+\d+\d$/.test(value)){
return '用户名不能全为数字';
}
}
//我们既支持上述函数式的方式,也支持下述数组的形式
//数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
,pass: [
/^[\S]{6,12}$/
,'密码必须6到12位,且不能出现空格'
]
});
|
当你自定义了类似上面的验证规则后,你只需要把key赋值给输入框的 lay-verify 属性即可:
1 2 | < input type = "text" lay-verify = "username" placeholder = "请输入用户名" >
< input type = "password" lay-verify = "pass" placeholder = "请输入密码" >
|
相关推荐:layui教程
以上就是layui如何对表单标签进行校验的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
html中的<meta>标签的使用详解
center是什么标签
layui.layer独立组件详解
如何解决layui时间控件闪退问题
layui属于什么
layui怎么加图标
layui数据表格删除当前行的实现方法
h5的块级标签汇总
讲讲html5中被废弃的标签
layui兼容ie浏览器吗
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui如何对表单标签进行校验