Javascript 在表单中使用jquery操作

我有两个按钮包含在一个表单中。其中一个在单击时添加类，而另一个删除添加的类

<form action="newreply.php?do=postreply&amp;t=15" method="post" id="quickreply">
<!-- OTHER CODE HERE -->
<div class="toolbar-group pull-right editor-mode-dive-only">
  <button tabindex="-1" class="btn btn-default" title="Exit distraction-free mode." id="editor-button-exitdive">
    <i class="fa fa-compress"></i>
  </button>
</div>
<div class="toolbar-group pull-right editor-mode-dive-hidden">
  <button tabindex="-1" class="btn btn-default" title="“Dive” into distraction-free writing mode." id="editor-button-dive">
    <i class="fa fa-expand"></i>
  </button>
</div>
<!-- OTHER CODE HERE -->
<button class="btn btn-primary" type="submit" accesskey="s" name="sbutton" id="qr_submit" onclick="clickedelm = this.value">Post <span class='loading'></span></button>
</form>

每次我点击展开按钮，它就会触发提交按钮，我有

• 监视控制台是否有任何错误
• 试图重命名变量
• 我试着把按钮四处移动

我似乎无法让按钮不提交表单，而只是简单地添加类。这应该很简单，但已经成功地变成了一个巨大的头痛。如果需要，我可以发布更多的代码，但我觉得问题出在提供的代码中的某个地方

---

您是否知道我做错了什么，或者知道通过单击任何其他方式向div添加类的方法？

您的两个按钮都有

id=“editor button dive”

。ID必须是唯一的。第二个按钮的id应该是

id=“editor button exitdive”

若要停止按钮提交，请将其移到表单之外

如果出于任何原因需要将它们保留在表单中，可以防止默认提交事件，如下所示：

$('#editor-button-dive').click(function(e) {
  e.preventDefault();
  $("#vB_Editor_QR").addClass("editor-mode-dive");
});

---

您的两个按钮都有

id=“编辑器按钮俯冲”

。ID必须是唯一的。第二个按钮的id应该是

id=“editor button exitdive”

若要停止按钮提交，请将其移到表单之外

如果出于任何原因需要将它们保留在表单中，可以防止默认提交事件，如下所示：

$('#editor-button-dive').click(function(e) {
  e.preventDefault();
  $("#vB_Editor_QR").addClass("editor-mode-dive");
});

---

非常感谢爸爸，我忽略了第二个ID。至于其余的，非常感谢。爸爸，在实现了这个方法（并修复了重复的ID）之后，我仍然收到了相同的结果。单击按钮仍然只会触发提交按钮。我将尝试将按钮移出表单（只要我能保持它们的位置），然后我会回来报告。我只是做了一个小动作，这对我很有效。如果你想使用preventDefault，请发布更新的代码。爸爸，工作完美。非常感谢爸爸，我忽略了第二个ID。至于其余的，非常感谢。爸爸，在实现了这个方法（并修复了重复的ID）之后，我仍然收到了相同的结果。单击按钮仍然只会触发提交按钮。我将尝试将按钮移出表单（只要我能保持它们的位置），然后我会回来报告。我只是做了一个小动作，这对我很有效。如果你想使用preventDefault，请发布更新的代码。爸爸，工作完美。只需将脚本移出表单，将按钮留在原位=）