Question

使用bootstrapValidator验证时,提示信息一起出来了

对表单中的字段进行验证 ，例如密码验证，规则有好几个，有非空、长度6-8位等，什么都不填写的情况下一点提交 所有规则的错误提示信息都一起出来了，我看这个插件的Demo什么都不填 是从第一规则提示错误信息，正确后再提示下一个 这是什么问题？
表单代码





Answer 1

BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，在工作中用到此框架就写下自己在使用中积累的一些心得
当按钮的类型为submit时，使用bootstrapValidator的isValid()能够使验证表单正常工作，但当button的type类型为button时，只调用bootstrapValidator的isValid()方法无法正常工作。这时候就需要使用bootstrapValidator的validate()方法进行激活。
1、JSP中
<span style="font-size:14px;"><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-dismiss="modal"><span>×</span></button> <h4 class="modal-title" id="myLargeModalLabel">新增管理员</h4> </div> <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> <div class="form-group"> <label class="form-label text-bold" for="">密码</label> <input class="form-control" placeholder="" type="password" name="password" id="addPassword" /> </div> <div class="form-group"> <label class="form-label text-bold" for="">角色</label> <div class="form-group"> <div class="col-md-10 col-xs-10"> <div class="checkbox cy-nopadding" id="addRoles"> <c:forEach var="role" items="${roles}"> <label name="addRoleLabel" class="form-checkbox form-icon form-text"><input type="checkbox" id="addRole_${role.id}" name="roles" value="${role.id}"> ${role.roleName}</label> </c:forEach> </div> </div> </div> </div> </form> </div> <!--Modal footer--> <div class="modal-footer"> <button class="btn btn-primary" onclick="addAdmin();">确定</button> <button data-dismiss="modal" class="btn btn-default" type="button">取消</button> </div> </div> </div> </div></span>