防止表單重新加載QWebView

Question

我正在提交表單異步。因此，我不希望頁面重新加載，因此在處理程序中放置了一個preventDefault調用，但它仍然在提交時重新加載頁面。 據我讀其他主題，這應該足以禁用頁面重新加載，但顯然，我失去了一些東西。

$("#loginForm").submit(function(event) { 

    try { 
     event.preventDefault(); 
     // Some async handling 
    } catch(ex) { 
     alert(ex); 
    } 
    return false; 

}); 

有人能指出我的方法中的問題嗎？ 整個事情發生在QtWebkit控件中。

編輯：

現在也嘗試：

$("#submitButton").on("click", function(event) { 
    try { 
     // Some async handling 
    } catch(ex) { 
     alert(ex); 
    } 
    return false; 
}); 

由於沒有不同的結果。

Answer 1

return false;和event.preventDefault();按預期工作。看到這個Fiddle。你的事件處理程序可能有問題。

$("#loginForm").submit(function(event) { 
    try { 
     // Some async handling 
    } catch(ex) { 
     alert(ex); 
    } 

    event.preventDefault(); // or return false; 
}); 

Answer 2

順便說一句，它是ASP.NET web表單嗎？表單ID會有所不同，不是#loginForm

先做一些處理，然後調用e.preventDefault，而不是像Matthias的代碼那樣反過來。

而且，看到The difference between ‘return false;’ and ‘e.preventDefault()

Answer 3

嘗試看，如果登錄表單提交被抓事件：

$("#loginForm").submit(function(event) { 
    alert('submit event fired'); 
}); 

如果發射那就試試這個：

$("#loginForm").submit(function(event) { 
    event.preventDefault(); 
    try { 
     //do something in here 
     // Some async handling 
    } catch(ex) { 
     alert(ex); 
    } 
    return false; 
}); 

Answer 4

如果#loginForm是指的是形式本身（而不是提交輸入），那就是你的問題。將事件指向提交輸入本身。如果失敗，將輸入提交更改爲一個按鈕，這應該肯定有效。

編輯：

改變輸入提交按鈕：

<button id="submitButton">Submit</button> 

這樣沒有默認阻止，因爲它不是一個表單輸入提交。該按鈕不會重新加載頁面。然後，您只需要將單擊事件附加到#submitButton