Layui默认表单校验规则
<div class="layui-form">
<input type="text" class="layui-input" name="username" lay-verify="required" autocomplete="off" placeholder="请输入用户名">
<input type="text" class="layui-input" name="phone" lay-verify="required|phone" autocomplete="off" placeholder="请输入手机号" >
</div>
<script>
let obj = form.render();//得引入form并定义
let verify = obj.config.verify;
console.log(verify); //打印这个,
//我们既支持上述函数式的方式,也支持下述数组的形式
//数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
form.verify({
date: [
/^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/
,'日期格式不正确'
]
,email: [
/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/
,'邮箱格式不正确'
]
,identity: [
/(^\d{15}$)|(^\d{17}(x|X|\d)$)/
,'请输入正确的身份证号'
]
,number: function(value, item){ // value:表单的值、item:表单的DOM对象
if(!value||isNaN(value))
return"只能填写数字"
}
,phone: [
/^1\d{10}$/
,'请输入正确的手机号'
]
,required: [
/[\S]+/
,'必填项不能为空'
]
,url: [
/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/
,'链接格式不正确'
]
});
</script>