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

Question

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

我正在开发一个ASP.net Web应用程序。

我有一个带有提交按钮的表单。提交按钮的代码如下所示<input type='submit' value='submit request' onclick='btnClick();'>。

我想写下面的内容：

function btnClick() {
    if (!validData())
        cancelFormSubmission();}

我该怎么做呢？

Answer 1

你最好做...<form&nbsp;onsubmit="return&nbsp;isValidForm()"&nbsp;/>如果isValidForm()退货false，那么您的表单不会提交。您还应该从内联移动事件处理程序。document.getElementById('my-form').onsubmit&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;isValidForm();};

Answer 2

将您的输入更改为：<input&nbsp;type='submit'&nbsp;value='submit&nbsp;request'&nbsp;onclick='return&nbsp;btnClick();'>并在函数中返回falsefunction&nbsp;btnClick()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!validData()) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false;}

Answer 3

你需要改变onclick='btnClick();'至onclick='return&nbsp;btnClick();'和cancelFormSubmission();至return&nbsp;false;也就是说，我试图避免使用内部事件属性来支持不显眼的JS与库（如YUI或jQuery），它具有良好的事件处理API并且与真正重要的事件相关联（即表单的提交事件而不是按钮的点击事件）。