条件满足时的 Javascript 重定向答案

【问题标题】：Javascript redirect upon condition fulfillment条件满足时的 Javascript 重定向
【发布时间】：2017-02-20 21:48:25
【问题描述】：

我有一个带有输入部分和提交按钮的 html 页面。输入部分接受一个字符串。然后将字符串传递给 Javascript 函数，当单击“提交”按钮时，使用 if 语句检查该字符串的长度。如果字符串的长度为 20 个字符，理论上它应该将用户重定向到不同的网站。这是我必须完成的代码：

function validate() {
 var value = document.getElementById('myfunction').value;
 if (value.length == 20) {
   window.location.href ="http://www.example.com";
 }
 else{
  return false;

}
}

<input style = "margin-right: 8px;" type = "text" name = "con" id = "myfunction" required=''/>
<input type = "submit" value = " Submit " class='next btn btn-primary' id = "buttonze" onclick = "validate();"/><br />

使用 20 个字符的字符串运行代码后，没有任何反应。出于某种原因，它不会将我重定向到 example.com。我不确定我做错了什么，并希望有人可以向我指出。我知道它在执行 if 语句，因为我放置了一个 alert 语句来测试它，并且当我输入语句时它成功弹出。

【问题讨论】：

一切正常。
它工作，Chrome，Windows

标签： javascript html css dom-events

【解决方案1】：

如果你使用safari，你需要将return false添加到onclick：

onclick = "validate();return false;"

【讨论】：

【解决方案2】：

将“提交”类型更改为“按钮”，参见answer

<input type="button" value="Submit" class="next btn btn-primary" id = "buttonze" onclick = "validate()"/>

example

【讨论】：

【解决方案3】：

这段代码应该可以工作：

<html>
<body>
    <input style="margin-right: 8px;" type="text" name="con" id="myfunction" required='' />
    <input type="submit" value="Submit" class='next btn btn-primary' id="buttonze" onclick="validate();" /><br />
    <script>
        function validate() {
            var value = document.getElementById('myfunction').value;
            if (value.length == 20) {
                window.location.href = "http://www.example.com";
            }
            else {
                return false;

            }
        }
    </script>
</body>

</html>

【讨论】：