$("#表單ID").bootstrapValidator({
message: 'This value is not valid',
excluded: [':disabled'],
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
name:{
validators:{
notEmpty: {
message: '必須輸入或者必須選擇'
},
stringLength : {
min : 2,
max : 25,
message : '長度2-25位字符'
}
}
}
}
}).on('success.form.bv', function (e) {
e.preventDefault();
//這里可以進行ajax提交
});
notEmpty: { message: '必須輸入或者必須選擇' } digits : { message : '字段必須是正整數' } greaterThan: { value : 1, message : '最小輸入1' } lessThan: { value : 100 message : '最大輸入100' } regexp: { regexp: /^[a-zA-Z0-9_]+$/, message: '正則驗證,這里驗證只能輸入大小寫字母數字和下划線' }
html 標簽上添加驗證,去掉最上面的fields部分
<input type="text" name="name" required data-bv-notempty-message="必須輸入" data-bv-stringlength="true" data-bv-stringlength-min="2" data-bv-stringlength-max="15" data-bv-stringlength-message="長度2-15位" pattern="^[0-9]{8}$" data-bv-regexp-message="正則驗證不正確"> <select data-bv-choice="true" data-bv-choice-min="1" data-bv-choice-max="10" data-bv-choice-message="最少選擇1條記錄 最多選擇10條記錄"> <option><option> ...... <select> <input type="radio" name="sex" value="男" required data-bv-notempty-message="必須選擇性別"> <input type="radio" name="sex" value="女"> <!--這里只需要在第一個標簽上添加驗證代碼即可 如果全部添加上驗證代碼也是沒有問題。-->
js形式和html形式可以混着用
