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

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

function addItem() { var v = $('form :hidden:last').attr('name'); var n = /(.*)input/.exec(v); var newPrefix; if (n[1].length == 0) { newPrefix = '1'; } else { newPrefix = parseInt(n[1]) + 1; } var oldElem = $('form tr:last'); var newElem = oldElem.clone(true); var lastHidden = $('form :hidden:last'); lastHidden.val(newPrefix); var pat = '=\"' + n[1] + 'input'; newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\"' + newPrefix + 'input')); newElem.appendTo('table'); $('form :hidden:last').val(''); } function removeItem() { var rows = $('form tr'); if (rows.length > 2) { rows[rows.length - 1].html(''); $('form :hidden:last').val(''); } else { alert('Cannot remove any more rows'); } } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <html> <body> <form autocomplete="off" method="post" action=""> <p>Title:<input type="text" /></p> <button onclick="addItem(); return false;">Add Item</button> <button onclick="removeItem(); return false;">Remove Last Item</button> <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> </body> </html>


当前回答

如果你有<input />

使用它

<input type="button"/>

如果你有<button>btn</button>

使用它

<button type="button">btn</button>

其他回答

按正常方式设置按钮并使用事件。preventDefault像. .

   <button onclick="myFunc(e)"> Remove </button>  
   ...
   ...

   In function...

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

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

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

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

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

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

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

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

我确信在FF上

removeItem 

函数遇到JavaScript错误,这不会发生在IE上

当javascript错误出现时,“返回false”代码将不会运行,使页面回发

return false;

可以在函数的末尾或函数调用之后返回false。

只要它是最后发生的事情,表单就不会提交。