問題:一個登錄頁面,使用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');//提交驗證
});
這個方法去掉以後就正常了!