javascript - 单击按钮时 window.location 不起作用

Question

脚本中的部分说：

if(emailInput.value != '' && zipInput.value != ''){
    window.location = "sea206.html";
}

由于某种原因在加载 sea206.html 时不起作用。但是，当您输入window.location = 'sea206.html'开发人员控制台时，它会加载页面。我不明白为什么单击按钮时它不起作用。if 语句确实有效。如果在语句中插入警报，它会在单击按钮时运行。

score 4 · Accepted Answer

您的代码上发生的事情是它执行按钮的默认功能，该按钮将自动提交表单。

对此的解决方案是您必须在 submitButton.onclick 函数上添加 return false 以便它不会提交表单并重定向到您想要的位置

if( emailInput.value != '' && zipInput.value != '')
{
    window.location = "/Barry/sea206.html";
    return false;
}

score 3 · Accepted Answer

按钮的默认操作是提交表单。这会覆盖您的位置更改。<form>如今，如果您实际上不打算提交任何内容，则不需要包含该元素。但是，如果您确实需要一个非提交按钮，那么您需要使用该type="button"属性。

score 1 · Accepted Answer

当我转到您的页面并单击两个输入字段并将它们清空时，它将自动填写您的占位符文本。所以它永远不会是空的。

当我emailInput.value在控制台中输入时，我会得到"Email". 类似于邮政编码。

所以你应该试试

if (emailInput.value != 'Email' && zipInput.value != 'Zip Code') { 
  window.location.href = "sea206.html"; 
}

我读了你的脚本代码，你写了submitbutton.onclick ...试着在你的按钮中制作 onclick 事件：

<button id="submitButton" onclick='javascript:submitForm();' />

在您的<script>...</script>部分使用此 javascript 代码：

function submitForm() {
  if (emailInput.value != 'Email' && zipInput.value != 'Zip Code') { 
    window.location.href = "sea206.html"; 
  }  
}

它有效吗？

3 回答 3