Question

这可能太短而且很甜，但这是我要问的全部。当我在HTML中有两个按钮时，我使用一个按钮进行表单提交，另一个按钮用于触发javascript事件。然而，正在发生的是两个按钮执行表单提交。我想使用其他按钮进行提交，而不是通过javascript使其无法使用。我可以用这种方法做什么？

Answer 1

使用

<input type="submit">

提交表格和

<input type="button">

调用JavaScript方法

Answer 2

扩展Saravanan Sachi和aladin8848已经说过的内容：

如果您使用<input>按钮，type="submit"将始终提交您的表单，type="button"将是一个简单的非表单提交按钮。

如果您使用<button></button>标签作为按钮（我倾向于这样做），则它们具有“默认”类型的提交，因此您必须明确将其类型设置为按钮ex。 <button type="button">Do JS click things</button>以阻止其提交您的表单。

Answer 3

使用

<input type='button' onclick='....'>

而不是你可能正在使用的

<input type='submit'>

Answer 4

你可以做下一个：

var buttonList = document.getElelmentsByTagName('button');

buttonList[2].addEventListener('click', function(event){
    event.preventDefault();
    this.removeEventListener("click", this, false);
    //do something, like add your own event
});

你应该更具体地获取按钮，我不测试代码，但想法是，删除事件和第二个按钮的默认行为。

我希望这会对你有所帮助。

停止不必要的按钮表单提交html js

4 个答案: