按钮单击jquery窗体并重定向页面

Question

http://jsfiddle.net/nqCFL/

我试图检查输入的值，如果输入为空，则重定向页面，如果不是空的，则重定向到另一个页面。它没有现在的价值，也不代表我真正想要做的事情，它只是一个实验。这个实验的目的是检查输入，如果输入是空的，提交表单。如果它不是空的，取消表单并重定向到另一个页面。我正在用Botcha做实验，这在思想上是相似的。问题是，页面只是不断刷新按钮，点击，从来没有重定向，根据我上面的测试。

我所做的实验是：

<form action="" method="post">
    <input type="text" placeholder="issue" class="issue-input" />
    <button class="submit button" type="submit">Send</button>
</form>

$(".submit").click(function(){
            if($(".issue-input").val().length == 0) {
                window.location.href = "http://www.google.com";
            } else {
                window.location.href = "http://www.yahoo.com";
            };
});

Answer 1

因为您的按钮是submit按钮，所以单击将提交表单，所以尝试使用jquery的preventDefault方法。

$(".submit").click(function (e) {
    e.preventDefault();
    if ($(".issue-input").val().length == 0) {
        window.location.href = "http://www.google.com";
    } else {
        window.location.href = "http://www.yahoo.com";
    };
});

试试小提琴：http://jsfiddle.net/nqCFL/2/，我将url修改为一个错误url，这样您就可以看到页面被重定向了。

Answer 2

试着：

$(".submit").click(function(){
        if($(".issue-input").val() == ''){
            window.location.href = "http://www.google.com";
        } else {
            window.location.href = "http://www.yahoo.com";
        };
});