layui在使用中,内置的条件判断不足以满足我们使用的情景,这时候需要我们自己写一些校验
1,页面用法:lay-verify=“validateInteger” ,而validateInteger 在js里面定义
<input type="tel" name="" autocomplete="off" class="layui-input" lay-verify="validateInteger"
value="${}" maxlength="8" placeholder="请输入">
2,定义validateInteger以及其他内容
layui.use(['form', 'layedit', 'laydate','upload'], function() {
var form = layui.form,
layer = layui.layer,
layedit = layui.layedit,
upload = layui.upload,
laydate = layui.laydate;
//判断整数
form.verify({
validateInteger:function(value, item){
if(value==''){
return '';
} else{
var ver =/^[1-9]\d*$/;
if (!ver.test(value)) {
return '请填写正整数';
}
}
},
validateDecimal:function(value, item){
if(value==''){
return '';
} else{
var ver =/^[0-9]+(\.[0-9])?$|^0\.[0-9]$/;
if (!ver.test(value)) {
return '请填写正确的分数,小数点后保留一位';
}
}
},
validatePhone: function (value) {
if(value==''){
return '';
}
var mobile = /^1[3-9]\d{9}$/; // 手机号码验证
var flag = mobile.test(value) ;
if(!flag){
return '请输入正确的手机号';
}
},
validateIdCard: function (value) {
var isCard = CheckIdCardField(value) ;
if(!isCard){
return '请输入正确的身份证号';
};
},
});
});