lay-verify验证失效
- 在form表单内加上class=“layui-form”
将<form class="layui-form">/form>
写为<div class="layui-form"><form class="layui-form">...</from></div>
- 在想要校验的标签,加上lay-verify=“required|username” 在这个属性里,加上想要的值
加粗内容可改写,layui提供自带校验
- required (必填项)
- phone(手机号)
- email(邮箱)
- url(网址)
- number(数字)
- date(日期)
- identity(身份证)
引用方式lay-verify=“required"
即可
- 自定义验证
//Demo
layui.use('form', function(){
var form = layui.form;
form.verify({
BANKCARD:
[
/^([1-9]{1})(\d{14}|\d{18})$/ //正则表达式
,'请输入正确的银行卡号!' //提示信息
]
});
//监听提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
注意:js的引用应该在自定义script上方,否则自定义验证失效: