如何防止按钮提交表单

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

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

当前回答

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

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

根据MDN网络文档

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

其他回答

返回false可以防止默认行为。但是返回false打破了其他单击事件的冒泡。这意味着在调用此函数后，如果有任何其他单击绑定，则其他的不考虑。

 <button id="btnSubmit" type="button">PostData</button>
 <Script> $("#btnSubmit").click(function(){
   // do stuff
   return false;
}); </Script>

或者你可以这样写

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

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

查看javascript部分中的函数removeItem:

线:

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

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

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

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

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

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

我确信在FF上

removeItem

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

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

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

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

根据MDN网络文档

推荐文章