我的用戶如何按 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>