jQuery第一次单击addClass，第二次单击重定向

Question

I am trying to build a temporary (and fake) form validation.

On the form, if you click submit the first time, it adds a class of ".error" and a span to the required inputs. If you click submit again, I want it to redirect to another page.

I can't seem to figure out how to have two different functions on the same submit button. The first click needs to add a class, the second click should redirect.

Here's my code:

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

you can do like this:

 $("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

maybe you should just use the same function? something like that :

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