layui表单验证方式大全

1. 表单自带校验

lay‐verify：是表单验证的关键字
required (必填项)
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity(身份证)
input表单添加 lay‐verify="required|email"

2. 自定义验证

自定义值
同时支持多条规则的验证：
格式：lay‐verify=”验证A|验证B”
如：lay‐verify=”required|phone|number”
自定义表单验证例子：

<input type="text" name="user_name" lay‐
verify="required|checkUser_name" placeholder="请输入账号"
autocomplete="off" class="layui‐input">
<input type="password" name="user_pwd" lay‐
verify="required|checkUser_pwd" placeholder="请输入密码"
autocomplete="off" class="layui‐input">
<script>
layui.use([ 'form' ], function() {
var form = layui.form,
layer = layui.layer,
$ = layui.jquery;
/* 自定义表单验证 */
form.verify({
checkUser_name : 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 '用户名不能全为数字';
}
if (value.length < 3 || value.length > 12) {
return '用户名必须3到12位';
}
},
checkUser_pwd : [ /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空
格' ]
});
});
</script>