表单验证后，jQuery / JS将不会重定向

Question

我正在尝试使用jQuery / JavaScript从表单验证密码。 验证后，我希望脚本重定向我。 但是，这当前不起作用。

注意：这只是我大学的一项练习，所以这就是代码非常简单的原因：

HTML：

!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/passwordCheck.js"></script>
</head>
<body>
  <form method="post" name="form1" id="form-password" action="">
    <label>Password:</label>
    <input type="password" name="password" id="password" value="" size="32" />
    <input type="submit" value="Continue" id="submit">
  </form>
</body>
</html>

JS / jQuery：

'use strict';
jQuery(document).ready(function($) { 
    $('#form-password').submit(function() { 

        var passwordVal = $('#password').val();

        if (passwordVal === "123" ) {
            $(location).attr('href', 'http://www.stackoverflow.com'); 
        }   

    });
});

我试过了：

window.location.href = "http://www.stackoverflow.com";

但这也不起作用。

我知道我需要检查提交的数据，我的问题仅在于重定向。

我怎样才能解决这个问题？

Answer 1

尝试此操作，您正在修改window.location.href属性，您确实要像这样设置window.location ：

$('#form-password').submit(function(e) {
    e.preventDefault();

    var passwordVal = $('#password').val();

    if (passwordVal === '123') {
        window.location = 'http://www.stackoverflow.com';
    }

});

Answer 2

您只需要在您的提交侦听器中阻止preventDefault（），然后调用

window.location.href = "...";

当前，无论提交回调中发生了什么，该表单都会尝试过帐您的数据，而不会阻止提交表单的默认操作。

如果您选择preventDefault，则在您返回true之前，表单不会提交。

话虽如此，重定向应该在后端或由前端MVC框架执行。 无论如何，都需要提交密码数据并对照某个地方的数据库进行检查。

表单验证后，jQuery / JS将不会重定向

问题描述

2 个解决方案

解决方案1
2 2015-03-30 22:08:34

解决方案2
2 已采纳 2015-03-30 22:49:48

表单验证后，jQuery / JS将不会重定向

问题描述

2 个解决方案

解决方案1 2 2015-03-30 22:08:34

解决方案2 2 已采纳 2015-03-30 22:49:48

解决方案1
2 2015-03-30 22:08:34

解决方案2
2 已采纳 2015-03-30 22:49:48