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'
        }
    }
}

13.以上规则如果都不满足，可以采用回调函数实现规则

card: {
                        validators: {
                            notEmpty: {
                                message: '身份证证明号码不能为空'
                            },
                            callback: {
                                message: '身份证号码不符合要求',
                                callback: function(value, validator) {
                                     return IdentityCard(value);
                                }
                            }
                        }
                    }

IdentityCard 为自定义函数，只要返回boolean值就可以。