前言
layui input框 校验
lay-verify required(必填项)
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份证)
自定义值 同时支持多条规则的验证,格式:lay-verify="验证A|验证B"
如:lay-verify="required|phone|number"
语法
语法:<input type="text" lay-verify="email">
自定义校验
input框 正整数校验
例子
<div class="layui-form-item">
<label class="layui-form-label">次数限制</label>
<div class="layui-input-inline">
<input type="text" id="operationCount" name="operationCount" lay-verify="required|number|operationCount" placeholder="请输入次数限制"
autocomplete="off" class="layui-input">
</div>
</div>
正整数校验
form.verify({
// 方式一
// value:表单的值、item:表单的DOM对象
operationCount: function(value, item){
if(/^[+]{0,1}(\d+)$/) {
return '次数限制必须为正整数!'
}
}
// 方式二
// 数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
operationCount: [
/^[+]{0,1}(\d+)$/,
'次数限制必须为正整数!'
]
});
常用正则
^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$ // 用户名不能有特殊字符
/(^\_)|(\__)|(\_+$)/ // 用户名首尾不能出现下划线_
/^\d+\d+\d$/ // 用户名不能全为数字
^[+]{0,1}(\d+)$ // 正整数(包括0)
^[1-9]\d*$ // 正整数(不包括0)