javascript - jQuery第一次点击addClass，第二次点击redirect

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