添加Bootstrap表單驗證之後無法提交表單

問題:一個登錄頁面使用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');//提交驗證
	});

這個方法去掉以後就正常了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章