一、前言

BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合引导程序框架的表单验证插件，在工作中用到此框架就写下自己在使用中积累的一些心得

二、问题描述

当按钮的类型为使服从时，使用bootstrapValidator的isValid()能够使验证表单正常工作，但当按钮的类型类型为按钮时，只调用bootstrapValidator的isValid()方法无法正常工作。这时候就需要使用bootstrapValidator的验证()方法进行激活。

三、项目代码

1、JSP中

span style=' font-size :14 px'div id=' addAdminDialog ' class=' modal fade ' tabindex='-1 ' div class=' modal-dialog cy-modal-dialog-f ' div class=' modal-content ' div class=' modal-header ' button class=' close ' data-discover=' modal ' span/span/button H4类=' modal-title ' id=' myLargeModalLabel '新增管理员/H4/div class=' modal-body ' form id=' addAdminForm ' method=' post ' action=' $ { CTX }/admin/operator/add。htm ' class=' form-horizontal ' div class=' form-group ' label class=' form-label text-bold ' for=' '登录名/label input class=' form-control ' placeholder=' type=' text ' name=' loginName ' id=' addLoginName '//div div class=' form-group ' label class=' form-label text-bold ' for=' '用户名/label input class=' form-control ' placeholder=' type=' text ' name=userName ' id=' addUserName '/div class=' form-group ' label class=' form-label text-bold ' for=' '密码/label input class=' form-control ' placeholder=' type=' password ' name=' password ' id=' addPassword '//div class=' form-group '标签class=' form-label text-bold '代表=' '角色/label div class=' form-group ' div class=' col-MD-10 col-xs-10 ' div class=' checkbox cy-no add ' id=' addRoles ' c : foreach var=' role ' items=' $ { role } ' label name=' addRole label ' class=' form-checkbox form-icon form-text ' input type=' checkbox ' id=' addRole _ $ { role。 id } ' name=' roles ' value=' $ { role。id } ' $ {角色名} .-Modal footer-div class=' Modal-footer ' button class=' BTN BTN-primary ' onclick=' AddAdmin()；'确定/button button data-dispose=' modal ' class=' BTN BTN-default ' type=' button '取消/button/div/div/span 2、JS

span style=' font-size :14 px'var faIcon={有效： ' glyphicon glyphicon-ok '，无效： ' glyphicon glyphicon-remove '，有效ting : ' glyphicon glyphicon-refresh ' }//新增管理员前台校验$('#addAdminForm ').bootstrapValidator({ message : '此值无效',//反馈图标反馈图标：faIcon，字段： { loginname : { message : }登录名无效，验证程序： { notempty : { message : }登录名不能为空}，StringLength:{ min:5，max:30，message: '用户名长度大于6位并且小于30位}，regex p : { regexp:/^[a-za-z0-9_]$/,message: '用户名只能由字母、数字和下划线} } },用户名： { message: '用户名格式不正确，验证程序： { notempty : { message : }用户名不能为空}，stringLength: { min: 6，max: 30，message: '用户名长度大于6位并且小于30位}，regex p : { regex p : /^[a-za-z0-9_]$/,message: '用户名只能由字母、数字和下划线} }，密码： {验证器： { notempty : { message : }邮箱不能为空}，emailAddress: { message: '输入的不是一个有效的电子邮件地址' } } } } });/span span style=' font-size :14 px；'//新增操作员函数addAdmin() { /*手动验证表单，当是普通按钮时*/$('#addAdminForm ').数据(“bootstrapValidator”).validate()；if(！$('#addAdminForm ').数据(“bootstrapValidator”).isValid()){ return；} $('#addAdminForm ').ajaxSubmit({ dataType : 'json '，type : 'post '，success :函数(JSON){ if(JSON。status==' succ '){ Doquery()；Modal.alert({ msg : '操作成功' });$('#addAdminDialog ').情态(“隐藏”)；} else { Modal。警报({ msg : JSON。msg })；} },错误：函数(){ Modal。警报({ msg : '操作失败' });} });}/span四、效果图

以上所述是小编给大家介绍的BootstrapValidator不触发校验的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！