坑:點擊確認按鈕,form表單提交2次,發送後臺2次請求

//錯誤代碼:
<Button id="btnSubmit" name="btnSubmit" class="btn btn-primary" >確認</Button>

$("#btnSubmit").click(function(){
    $(‘#formSave‘).ajaxSubmit(function(data) {
    if(data.code == 0){
         $.alert({
            title: ‘提示!‘,
            content: ‘添加成功!‘
        }); 
    }
    });
});

//改正後代碼:
 
<input id="btnSubmit" type="button" class="btn btn-primary" value="確認"/>

執行錯誤代碼,後臺總是會請求2次,而且頁面總是會跳轉至一個黑頁面.

百度原因如下:在ie中，button默認的type是button，而其他瀏覽器和W3C標準中button默認的屬性都是submit

同時看到一片文章:如何阻止form表單中的button按鈕提交,不過還未實踐,有興趣的可以自己試試.

關於form表單中button按鈕自動提交問題