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>