如何使“提交”按钮在其之后成为指向另一个HTML文档的链接'；它使用jQuery进行验证

好的，我正在为一个我正在为大学做的项目做一个原型。我对使用任何代码都不太熟悉，所以我通常只是在运行过程中把事情弄清楚

我正在使用html制作一个表单，供用户输入单词。 这是html格式的表单：

<div class="antwoordveld">
    <form  id="form1"  action="opdracht.html" method="post">
        <p><input type="text" name="" value="" placeholder=""></p>
        <p class="submit"><input type="submit" name="commit" value="Klaar"></p>
    </form>
</div>

else语句是输入错误答案时发生的情况，if语句是输入正确答案时发生的情况。在这两种情况下，它都会播放声音，并更改按钮的颜色

我想做的是，当您给出正确答案时，表单的submit按钮会更改为链接（因此它会发送在正确答案链接到其他HTML文档后单击submit按钮的人），我想更改submit按钮上的文本

我曾尝试使用.replaceWith（），但每当我更改表单中的html时，整个表单都会崩溃。这个问题的答案可能很明显，但我现在没有主意了

---

我希望有人能帮忙。提前谢谢

用户是否需要再次单击该按钮？或者它只是更改文本并重定向它们？如果选择2，是否会在重定向前延迟几秒钟，以便他们可以看到文本？默认行为是在提交表单时重定向到您的

操作

URL。您的

submit（）。当您超越默认行为时，您需要用自己的行为替换它们。
$("#form1").submit(function( e ) { 
    e.preventDefault();

    if ($("input:first").val().toLowerCase() === "daken") {
        goedantwoord.play();
        $(".submit input").css("background-color", "green");
        $("input:first").val("");
    }
    else {
        foutantwoord.play();
        $(".submit input").css("background-color", "red");
        $("input:first").val("");
    }
});