如何在提交按钮onclick事件中取消表单提交？

Question

如何在提交按钮onclick事件中取消表单提交？我正在开发一个ASP.net Web应用程序。我有一个带有提交按钮的表单。提交按钮的代码如下所示<input type='submit' value='submit request' onclick='btnClick();'>。我想写下面的内容：function btnClick() {     if (!validData())         cancelFormSubmission();}我该怎么做呢？

Answer 1

你最好做...

<form onsubmit="return isValidForm()" />

如果isValidForm()退货false，那么您的表单不会提交。

您还应该从内联移动事件处理程序。

document.getElementById('my-form').onsubmit = function() {
    return isValidForm();};

Answer 2

将您的输入更改为：

<input type='submit' value='submit request' onclick='return btnClick();'>

并在函数中返回false

function btnClick() {
    if (!validData())
        return false;}

Answer 3

你需要改变

onclick='btnClick();'

至

onclick='return btnClick();'

和

cancelFormSubmission();

至

return false;

也就是说，我试图避免使用内部事件属性来支持不显眼的JS与库（如YUI或jQuery），它具有良好的事件处理API并且与真正重要的事件相关联（即表单的提交事件而不是按钮的点击事件）。