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