1.在input标签中加上属性 lay-verify="mail" (该input必须写在form中才能生效)
2.引用Layui的Form组件
3. 自定义正则表达式,如:邮箱+非空
var email = /^[a-z0-9]+([._\\-]*[a-z0-9])*@@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
var required = /^[\s\S]*.*[^\s][\s\S]*$/;
4.定义触发事件:mail 对应的是 lay-verify中的值(提交时会进入该事件验证)
form.verify({
mail: function (value) {
var flag = email.test(value) && required.test(value);
if (!flag) {
return '请输入正确邮箱';
}
},
});
注:以上代码为全部代码且亲测可实现。有问题的可以私信我
附加例子:根据国家改变邮编验证方式
form.on('select(Country)', function (data) {
if ($(data.elem).val() == 'USA') {
console.log("初始化美国邮箱和座机");
$("#PostCode").attr("lay-verify", "USAEmail————对应替换为想替换的验证条件")
}
else {
$("#PostCode").attr("lay-verify", "email")
}
})