$("#表单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形式可以混着用