javascript - 如何在给定特定输入时重定向到特定页面

Question

这是我第二天编码，所以如果我不知道如何正确解释或者它是否是一个基本解决方案，请原谅我。

我正在尝试在网站上复制控制台界面，并且我希望输入框仅在给出特定输入时才重定向到特定链接。我还希望它根本不重定向并在给出无效提示时给出消息。到目前为止我的输入框的代码是

  <form action="backlog">
    <label for="fname">     
    <input type="text" name="logsarchives" id="logsarchives" autocomplete="off"  placeholder="Enter Console Command">
    </form>

目前为止的代码可以查看here网站可以查看 here 。感谢您阅读本文!

Answer 1

您可以使用 JavaScript 函数提交表单，获取其中输入的值，然后检查它是否匹配!

HTML:

<form action="backlog" onsubmit="myFormSubmit()">
  <input type="text" id="logsarchives" />
</form>

Javascript:

function myFormSubmit(event) {
  event.preventDefault();

  const myInput = document.getElementById('logsarchives');

  if (myInput.value == 'something') {
    window.location = 'http://google.com'
  }
}

您可能想要删除表单的操作属性，这会使您的提交自动重定向。此外，仅在您提交表单时有效(通过按按钮或在键盘上输入)，如果您希望它自动工作，您可能正在搜索输入元素的 onChange 方法。

这是一支你可以玩的笔! :)https://codepen.io/pedrost/pen/RBLOgY