这篇文章主要介绍了jQuery开源组件BootstrapValidator怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
具体内容如下
表单HTML，如下：
<form role="form" id="roleForm">
<div class="box-body">
<div class="form-group">
<input type="text" class="form-control" id="inputRoleName"
name="roleName" placeholder="角色名称" />
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputRoleDescribe"
name="roleDescribe" placeholder="角色描述" />
</div>
<div class="form-group">
<select class="form-control select2"
id="selectRoleType">
</select>
</div>
<div class="form-group">
<select class="form-control select2"
id="selectUseFlag">
<option selected="selected" value='Y'>可用</option>
<option value='N'>不可用</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputDisplaySn"
name="displaySn" placeholder="显示序号" />
</div>
</div>
</form>
js代码如下：
function initForm(){
$('#roleForm').bootstrapValidator({
fields : {
roleName : {
validators : {
notEmpty : {
message : '角色名称不能为空'
},
stringLength : {
min : 1,
max : 16,
message : '角色名称长度必须在1到16位之间'
},
regexp : {
regexp : /^[^&@#/"']*$/,
message : '角色名称不能包含&@#/\"\'等字符'
}
}
},
roleDescribe : {
validators : {
notEmpty : {
message : '角色描述不能为空'
},
stringLength : {
min : 1,
max : 64,
message : '角色描述长度必须在1到64位之间'
},
regexp : {
regexp : /^[^&@#/"']*$/,
message : '角色名称不能包含&@#/\"\'等字符'
}
}
}
}
});
}保存前验证代码如下：
function save_click() {
$('#roleForm').bootstrapValidator('validate');
var valid = $('#roleForm').data('bootstrapValidator').isValid();
if(!valid){return;}感谢你能够认真阅读完这篇文章，希望小编分享的“jQuery开源组件BootstrapValidator怎么用”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!
