Javascript jQuery首先单击addClass，然后单击redirect

我正在尝试构建一个临时（并且是假的）表单验证

在表单上，如果您第一次单击“提交”，它会向所需输入添加一个“.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");
    });
}

if（$（“按钮”）.hasClass（'redirect'））{
$（“按钮”）。单击（函数（）{
window.location.href=“index.html”；
});
}否则{
$（“按钮”）。单击（函数（）{
$（this.addClass（“重定向”）；
$（“输入：必需”）.addClass（'error'）；
$（“无效条目”）。在其后插入（“输入：必需”）；
});
}

您可以这样做：

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

$（“按钮”）。单击（函数（）{
if（！$（this）.hasClass（'redirect'））
{
$（this.addClass（“重定向”）；
$（“输入：必需”）.addClass（'error'）；
$（“无效条目”）。在其后插入（“输入：必需”）；
}
其他的
{
window.location.href=“index.html”；
}
});

也许您应该使用相同的功能？诸如此类：

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

$（“按钮”）。单击（函数（）{
if（$（“按钮”）.hasClass（'redirect'））{
window.location.href=“index.html”；
}否则{
$（this.addClass（“重定向”）；
$（“输入：必需”）.addClass（'error'）；
$（“无效条目”）。在其后插入（“输入：必需”）；
});
}

$（“按钮”）。单击（函数（）{
if（$（“按钮”）.hasClass（'redirect'））{
window.location.href=“index.html”；
}否则{
$（this.addClass（“重定向”）；
$（“输入：必需”）.addClass（'error'）；
$（“无效条目”）。在其后插入（“输入：必需”）；
}
});

这里的问题是什么？加上……这正是我想做的。谢谢

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