2022-08-05 06:32:22
•
1199
layui自定义验证
layui自定表单样式
<input placeholder="账 户 : " name="useradmin" id="useradmin" lay-verify="required|useradmin" hover class="layui-input" />lay-verify 多个验证要用“|”分割
验证方式分类数组和js验证
数组形式 自定义验证规则 script 两种方式都可以
form.verify({
title: function (value) {
if (value.length < 1) {
return '必须填写字段';
}
if (!new RegExp("^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$").test(value)) {
return '请填写正确的电子邮件地址';
}
},
pass: function (value) {
if (value.length < 1) {
return '必须填写字段';
}
if (!new RegExp("^[\S]{6,12}$").test(value)) {
return '请填写正确的电子邮件地址';
}
}
, content: function (value) {
layedit.sync(editIndex);
}
});
//数组形式 自定义验证规则
form.verify({
title: [
/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
, '必须填写字段'
]
, pass: [
/^[\S]{6,12}$/
, '密码必须是6到12位的数字，不能有空格'
]
, content: function (value) {
layedit.sync(editIndex);
}
});
注意，自定义验证方式要放在
form.on('submit(login)', function(data) {
的前面 否则要递交2次才验证。