0

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";
            };
});
4

2 に答える 2

2

あなたのボタンは送信ボタンであるため、クリックするとフォームが送信されます。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";
    };
});

fiddle を試してください: http://jsfiddle.net/nqCFL/2/ 、URL をエラー URL に変更したため、ページがリダイレクトされていることがわかります。

于 2013-09-01T02:31:30.800 に答える
1

で試してください：

$(".submit").click(function(){
        if($(".issue-input").val() == ''){
            window.location.href = "http://www.google.com";
        } else {
            window.location.href = "http://www.yahoo.com";
        };
});
于 2013-09-01T02:22:50.443 に答える