如何防止按钮提交表单

在下面的页面中，使用Firefox，删除按钮提交表单，但添加按钮不提交。

如何防止删除按钮提交表单?

当前回答

这是一个html5错误，你仍然可以将按钮作为提交(如果你想涵盖javascript和非javascript用户)使用它:

     <button type="submit" onclick="return false"> Register </button>

这样你将取消提交，但仍然做任何你在jquery或javascript函数中做的事情，并为没有javascript的用户提交。

2014-01-17 01:27:17

其他回答

我同意Shog9，尽管我可能会使用:

<input type = "button" onClick="addItem(); return false;" value="Add Item" />

根据w3schools， <button>标签在不同的浏览器上有不同的行为。

2009-05-31 19:28:30

下面的示例代码向您展示了如何防止单击按钮提交表单。

你可以试试我的示例代码:

 <form autocomplete="off" method="post" action="">
   <p>Title:
     <input type="text" />
   </p>
   <input type="button" onclick="addItem()" value="Add Item">
   <input type="button" onclick="removeItem()" value="Remove Last Item">
   <table>
     <th>Name</th>

     <tr>
       <td>
         <input type="text" id="input1" name="input1" />
       </td>
       <td>
         <input type="hidden" id="input2" name="input2" />
       </td>
     </tr>
   </table>
   <input id="submit" type="submit" name="submit" value="Submit">
 </form>
<script language="javascript">
function addItem() {
return false;
}

function removeItem() {
return false;
}
</script>

2017-02-15 07:39:29

只需要添加e.c preventdefault ();在你的方法中应该阻止你的页面提交表单。

function myFunc(e){
       e.preventDefault();
}

根据MDN网络文档

Event接口的preventDefault()方法告诉用户代理，如果事件未显式处理，则其默认值不应像通常那样考虑行动。的事件继续像往常一样传播，除非它的侦听器之一调用stopPropagation()或stopImmediatePropagation () 它终止了传播。

2019-07-31 11:28:51

像<button>Click to do something</button>是提交按钮。

必须添加类型

2021-01-12 14:21:18

假设你的HTML表单有id="form_id"

<form id="form_id">
<!--your HTML code-->
</form>

将这个jQuery片段添加到您的代码中查看结果，

$("#form_id").submit(function(){
  return false;
});

2015-06-24 16:46:18

如何防止按钮提交表单

推荐文章

最新文章

标签