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

Stopping unnecessary button form submits html js

本文关键字：表单提交 html js 按钮 不必要      更新时间：2023-09-26

这可能太简短了，但这就是我所要问的。当我在HTML中有两个按钮时，我使用一个按钮提交表单，另一个按钮触发javascript事件。但是，这两个按钮都执行表单提交。我想使用另一个按钮提交而不使其无法使用javascript。我有什么方法可以做到这一点?

进一步阐述Saravanan Sachi和aladin8848已经说过的话:

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

如果你使用<button></button>标签为你的按钮(我倾向于这样做)，他们有一个"默认"类型的提交，所以你必须明确地设置他们的类型为按钮ex. <button type="button">Do JS click things</button>，以防止它提交你的表单。

使用

<input type="submit">

提交表单和

<input type="button">

调用JavaScript方法

使用

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

而不是你可能使用的

<input type='submit'>

你可以这样做:

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
});

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

相关文章：