我的用户如何按 Enter 键或单击按钮提交并被重定向？

Question

所以我有这个 html 表单：

<form>
    <input type="text" placeholder="Equation" id="equation_input" onsubmit="return button_click()"/>
    <input class = "search_button" type="submit" id="search" onclick="button_click()" value="Search"/>
</form>

我需要获取用户在方程输入中输入的值，将其添加到 url 的开头，然后将用户重定向到新形成的 url。 我在我的脚本标签中试过这个：

function button_click() {
    var url = `https://exampleurl.com?q=${document.getElementById('equation_input').value}`;
    window.location.replace(url);
}

我已经尝试了几件事，但我不确定是什么导致了问题，所以我不知道该尝试什么。

Answer 1

不需要任何js来做到这一点。 可以通过命名表单的输入和设置操作和方法属性来默认表单提交。

注意<input>没有submit事件，只有<form>有

<form method="GET" action="https://exampleurl.com">
  <input type="text" placeholder="Equation" id="equation_input" name="q" required/>
  <input class="search_button" type="submit" id="search" value="Search" />
</form>