jQuery：表单提交后延迟禁用按钮 onclick？

Question

所以现在我有这个：

HTML：

<input type="submit" class="usp-submit usp-submit-default"  onclick="return change(this); "  id="btnSubmit" />

jQuery：

function 变化( el )

{
    if ( el.value === "Send" )
        el.value = "Sending";
    else
        el.value = "Please wait...";

$("#btnSubmit").attr("disabled", true);
    
}

这确实禁用了输入按钮并将值更改为“请稍候”，但未提交表单。

我假设这首先禁用了按钮并且不执行发送操作。

我在某处读到，您可以在.attr("disabled", true)之前添加几毫秒的延迟，以便首先提交表单。

jQuery 专家的任何帮助将不胜感激。

谢谢。

Answer 1

如果你想延迟，你可以使用 vanilla js 的方式， setTimeout()

function change( el )
{
    if ( el.value === "Send" )
        el.value = "Sending";
    else
        el.value = "Please wait...";

    setTimeout( () => $("#btnSubmit").prop("disabled", true) , 0);
}