如何防止按钮提交表单

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

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

当前回答

函数removeItem实际上包含一个错误，它使表单按钮执行默认行为(提交表单)。在这种情况下，javascript错误控制台通常会给出一个指针。

查看javascript部分中的函数removeItem:

线:

rows[rows.length-1].html('');

是行不通的。试试这个吧:

rows.eq(rows.length-1).html('');

其他回答

$(“形式”)。Submit (function(){返回false;})；这将阻止按钮提交，或者你可以将按钮类型更改为"button" <input type="button"/>而不是<input type="submit"/> 只有当这个按钮不是表单中唯一的按钮时，它才会起作用。

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

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

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

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

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

必须添加类型

函数removeItem实际上包含一个错误，它使表单按钮执行默认行为(提交表单)。在这种情况下，javascript错误控制台通常会给出一个指针。

查看javascript部分中的函数removeItem:

线:

rows[rows.length-1].html('');

是行不通的。试试这个吧:

rows.eq(rows.length-1).html('');

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

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

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

推荐文章