问题:一个登录页面,使用BootstrapValidator表单验证之后,输入正确的格式点击登录,发现表单没有提交,并且登录按钮变为不可选,只有输入一次错的格式之后再输入正确的格式才能登录成功。
代码如下:
<button type="submit" id="subLogin" class="btn text-muted text-center btn-danger" >登 录</button>
//登录验证
$("#formLogin").bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
username: {
validators: {
notEmpty: {
message: '用户名不能为空'
},
emailAddress: {
message: '邮箱地址格式有误'
}
}
},password: {
validators: {
notEmpty: {
message: '密码不能为空'
}
}
}
}
});
//提交登录
$("#subLogin").click(function(){
$("#formLogin").bootstrapValidator('validate');//提交验证
});
解决方案:
最后发现是因为提交事件的原因,根本不需要这个方法,把
//提交登录
$("#subLogin").click(function(){
$("#formLogin").bootstrapValidator('validate');//提交验证
});
这个方法去掉以后就正常了!