如何在提交按钮onclick事件中取消表单提交？ [英] How do I cancel form submission in submit button onclick event?

问题描述

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

我有一个带有提交按钮的表单。提交按钮的代码看起来像< input type ='submit'value ='submit request'onclick ='btnClick（）;'> 。

我想写下如下内容：

  function btnClick（）{
 if（！validData（））
 cancelFormSubmission（）; 
} 
  

如何做到这一点？

 < form 
 onsubmit =return isValidForm（）/> 
  

如果 isValidForm（）返回 false ，那么表单不会提交。

您应该也可以从内联移动事件处理程序。

  document.getElementById（'my-form'）。onsubmit = function（）{
 return isValidForm（）; 
}; 
  

I'm working on an ASP.net web application.

I have a form with a submit button. The code for the submit button looks like <input type='submit' value='submit request' onclick='btnClick();'>.

I want to write something like the following:

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

How do I do this?

解决方案

You are better off doing...

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

If isValidForm() returns false, then your form doesn't submit.

You should also probably move your event handler from inline.

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

这篇关于如何在提交按钮onclick事件中取消表单提交？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！