bootstrapValidator使用总结

1.根据条件动态增删检查条件

参考文章:https://blog.csdn.net/sxlzs_/article/details/78211928

#去除某字段的验证

$("#formResource").bootstrapValidator('removeField', 'permission');

#增加某字段的验证

$("#formResource").bootstrapValidator("addField", "permission", {
validators : {
notEmpty : {
message : '数据标识不能为空'
}
}
});

2.select等值会发生变化时处理

sjklx : {
trigger : 'change',
validators : {
notEmpty : {
message : '数据库类型不能为空'
}
}
}

3.输入字符长度控制,添加正则校验

以输入密码为例:

pass: {
validators: {
stringLength: {
min: 6,
max: 18,
message: '密码长度至少6位'
},
regexp: {
regexp: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,18}$/,
message: '必须含有大写字母,小写字母和数字'
}
}
}

4.两次密码校验

pass: {
validators: {
stringLength: {
min: 6,
max: 18,
message: '密码长度至少6位'
},
regexp: {
regexp: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,18}$/,
message: '必须含有大写字母,小写字母和数字'
}
}
},
// 密码确认
passConfirm: {
message: '密码确认验证失败',
validators: {
identical: {
field: 'pass',
message: '两次密码不相同'
}
}
}

4.ip 校验

ip: {
validators: {
ip: {
message: '请输入正确的IP地址'
}
}
}

5. emailAddress校验

mail: {
validators: {
emailAddress: {
message: '请输入正确的Email地址'
}
}
}

6. between:值范围校验

level: {
validators: {
between: {
message: '输入值必须在1到10之间'
}
}
}

7.base64校验

base64Test: {
validators: {
base64: {
message: '不是合法的base64编码'
}
}
},

7.身份证校验

creditCardTest: {
validators: {
creditCard: {
message: '不是合法的身份证'
}
}
},

8.date日期校验

dateTest: {
validators: {
date: {
message: '不是合法的日期'
}
}
}

9.numeric校验

numericTest: {
validators: {
numeric: {
message: '不是合法的数字'
}
}
}

9.uri校验

dateTest: {
validators: {
uri: {
message: '不是合法的URI'
}
}
}

10.电话号码校验

phoneTest: {
validators: {
phone: {
message: '不是合法的电话'
}
}
}

11.校验范围:隐藏域(:hidden)、禁用域(:disabled)、那啥域(:not(visible))

bootstrap默认不对上述三种类型进行校验,如果需要改变,见下:

$('#form').bootstrapValidator({
message: '您的输入有误',
excluded: [":disabled"],
fields: {
zjxh: {
validators: {
notEmpty: {
message: '闸机型号不能为空'
}
}
}
}
});

12.input=file校验

zp : {
trigger : 'change',
validators : {
notEmpty : {
message : '照片不能为空'
},
regexp : {
regexp : /jpg$/,
message : '格式必须为.jpg'
}
}
}
上一篇:【2017下集美大学软工1412班_助教博客】团队作业7——第二次项目冲刺(Beta阶段)成绩公示


下一篇:关于git