Javascript HTML表单输入等于var=转到URL

我曾尝试创建一个html表单，如果插入的输入与变量的值相同，我希望在该表单中重定向到url。我试着用很多不同的方法使它工作，但没有成功/

能帮忙的人

这是我的密码：

我的HTML表单：

<form autocomplete="off" onsubmit="script.js">
  <div class="autocomplete" style="width:300px;">
    <input id="myInput" type="text" name="myCountry" placeholder="Country">
  </div>
  <input id="submit" type="submit">
</form>

---

您需要在表单提交后初始化该值，否则它将是未定义的

var country = 'Brazil';

$("#submit").on("submit", function(event){
let input = $("input[id='myInput']").val();
  if (country == input) {
     window.location.href = "https://www.google.com/";
  }
});

这应该起作用：

$("#submit").on("click", function(e){
  e && e.preventDefault();
  var country = 'Brazil';
  var input = $('#myInput').val();
  if (country === input) {
     window.location.href = "https://www.google.com/";
  }
});

---

您需要在触发click（或submit）事件后获取输入值。由于您的目标是提交按钮而不是表单，因此事件侦听器应该是“单击”而不是“提交”。接下来，在单击函数中调用

event.preventDefault（）。最后，您希望在单击按钮后获得输入值，以便分配必须进入您的单击函数：


var country=“巴西”；
$（“#提交”）。在（“单击”）上，功能（事件）{
event.preventDefault（）；
var input=$（“input#myInput”）.val（）；
如果（国家==输入）{
控制台日志（“重定向”）；
window.location.href=”https://www.google.com/";
}否则{
log（“不重定向”）；
}
});
Place
input=$（“input[id='myInput']”）val（）作为处理提交的函数的第一行，因此您的代码实际上几乎可以正常工作。轻微调整：


var国家='巴西'；
$（“#提交”）。在（“单击”上，函数（事件）{//此事件更改为单击，因为我们更改了输入的类型=提交
var input=$（“input[id='myInput']）。val（）；//此行在事件内部移动
如果（国家==输入）{
window.location.href=”https://www.google.com/";
}
else{alert（'BRAZI L键入巴西重定向'）；}
});

像这样试试



$（函数（）{
$（'#submit'）。在（'submit'，函数（事件）{
event.preventDefault（）；
event.stopPropagation（）；
var国家=‘巴西’；
var input=$（“输入[id='myInput']”）val（）；
如果（国家==输入）{
window.location.href=”https://www.google.com/";
}
});
});

$("#submit").on("click", function(e){
  e && e.preventDefault();
  var country = 'Brazil';
  var input = $('#myInput').val();
  if (country === input) {
     window.location.href = "https://www.google.com/";
  }
});