防止表单重新加载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