javascript - 输入字段值并使用 Javascript 进行重定向

Question

我的联系表单和基于输入字段的 jquery 重定向存在一些问题。

一切都很完美，直到我尝试实现重定向以形成验证代码。

重定向代码:

$("#signup").submit(function(event){
    window.location = $('input[type="radio"]:checked').val();
});

表格:

<form id="signup" name="signup" method="post" novalidate="novalidate">

<input type="radio" name="gender" value="http://www.paypal.com" checked> Option 1<br>
<input type="radio" name="gender" value="http://www.google.com"> Option 2<br>
<input type="radio" name="gender" value="http://www.seznam.cz"> Option 3<br>

<input id="submit" type="submit" name="submit" value="Continue to make payment..." class="btn btn-wide btn-extrawide" data-loading-text="Loading...">

jQuery:

// Signup form
$('#signup').validate({
    rules: {
        name: {
            required: true,
            minlength: 2
        },
        email: {
            required: true,
            email: true
        }
    },
    messages: {
        name: {
            required: "Please enter your nameee",
            minlength: "Your name must consist of at least 2 characters"
        },
        email: {
            required: "Please enter your email address"
        }
    },
    submitHandler: function(form) {
        $(form).ajaxSubmit({
            type:"POST",
            data: $(form).serialize(),
            url:"inc/signup.php",
            success: function() {
                $('#signup :input').attr('disabled', 'disabled');
                $('#signup').fadeTo( "slow", 0.15, function() {
                    $(this).find(':input').attr('disabled', 'disabled');
                    $(this).find('label').css('cursor','default');
                    $('#success').fadeIn();
                });

                    // added lines, not working:                    
                    $("#signup").submit(function(event) {
                        window.location = $('input[type="radio"]:checked').val();
                    });


            },
            error: function() {
                $('#signup').fadeTo( "slow", 0.15, function() {
                    $('#error').fadeIn();
                });
            }

        });
    }
});

如果您能给我任何反馈，我会很高兴。非常感谢。

Answer 1

您将使用添加的行再次提交表单:

// added lines, not working:                    
$("#signup").submit(function(event) {
    window.location = $('input[type="radio"]:checked').val();
});

因此，在 ajax 提交之后，它不会执行任何操作，因为当您执行 $("#signup").submit 时，由于使用以下代码禁用了提交按钮，它没有执行任何操作:

$('#signup :input').attr('已禁用', '已禁用');。

因此，要解决这个问题，请更改上面添加的代码:

$("#signup").submit(function(event) {
    window.location = $('input[type="radio"]:checked').val();
});

对此:

window.location.href = $('input[type="radio"]:checked').val();