jQuery第一次單擊addClass，第二次單擊重定向

Question

我正在嘗試建立一個臨時的（和偽造的）表單驗證。

在表單上，​​如果您第一次單擊“提交”，它將在所需的輸入中添加“ .error”類和跨度。 如果再次單擊提交，我希望它重定向到另一個頁面。

我似乎無法弄清楚如何在同一個提交按鈕上具有兩個不同的功能。 第一次單擊需要添加一個類，第二次單擊應重定向。

這是我的代碼：

if($("button").hasClass('redirect')){
    $("button").click(function(){
        window.location.href="index.html";
    });
} else {
    $("button").click(function(){
        $(this).addClass("redirect");
        $("input:required").addClass('error');
        $("<small class=error>Invalid entry.</small>").insertAfter("input:required");
    });
}

Answer 1

您可以這樣：

 $("button").click(function(){
     if(!$(this).hasClass('redirect'))
     {
        $(this).addClass("redirect");
        $("input:required").addClass('error');
        $("<small class=error>Invalid entry.</small>").insertAfter("input:required");
     }
     else
     {
        window.location.href="index.html";
     }
  });

Answer 2

也許您應該只使用相同的功能？ 像這樣的東西：

$("button").click(function(){
    if($("button").hasClass('redirect')){
        window.location.href="index.html";        
    } else {
        $(this).addClass("redirect");
        $("input:required").addClass('error');
        $("<small class=error>Invalid entry.</small>").insertAfter("input:required");
    });
}

Answer 3

    $("button").click(function(){
        if($("button").hasClass('redirect')){
            window.location.href="index.html";
        } else {
            $(this).addClass("redirect");
            $("input:required").addClass('error');
            $("<small class=error>Invalid entry.</small>").insertAfter("input:required");
        }
    });