尝试使用type = and onClick =使两个函数与一个按钮关联

Question

我正在使用提交按钮的网页上的一个表单，但我也希望按下按钮激活JavaScript函数，该函数将禁用搜索按钮并启用一个按钮以重置该按钮搜索字段并重新启用搜索按钮。这是当前按钮上的代码：

<input id="Search" type="submit" value="Search" onclick="SearchOff()"></input>

这是该JavaScript函数背后的代码：

function SearchOff() {
     document.getElementById("Search").disabled = true;
     document.getElementById("Reset_Search").disabled = false;
     document.getElementById("[All other relevant fields]").disabled = true;
     var x = document.getElementsByTagName("form");
     x[0].submit();// Form submission
     return true;
}

（我已经匿名化了应用程序的实际功能，但是它只是将数据输入到其他JavaScript处理的表单）

JavaScript确实可以工作，但是当onclick="SearchOff()"在代码中时，type=submit函数被覆盖。有什么办法可以使这两个功能都起作用？如您所见，我已经尝试使用JS代码的底部2行尝试了一下，但是这是在代码中没有onclick="SearchOff()"的情况下完成的。我也没有尝试过，并且遇到了同样的问题。

如何使两个功能同时工作？

Answer 1

您是否尝试过这个主意？

function searchOff(event) {
  //No submission yet.
  event.preventDefault();
  //Disable buttons.
  document.querySelector('[type=submit]').disabled = 'disabled';
  //Submit the form.
  document.querySelector('form').submit();
}

单击按钮时，请防止表单提交，请禁用您需要禁用的按钮，然后自己提交表单。

Answer 2

我决定尝试从头开始重新播放公式，这是由于某种原因而起作用的。我认为关键是不复制并粘贴任何实际公式，而仅复制要搜索和计数的文本。这就是我所做的一切，希望阅读这本书可以帮助阅读此书的人。