javascript - 如何在 jquery 调用中更改按钮外观

Question

当我点击 jsp 中的链接时

<a id="ajout_lien" href="javascript:submitFormAjout()" class="under">go </a>

我调用 JavaScript 函数

function submitFormAjout() {
document.forms['constitutionForm'].submit();
}

然后是 jquery 调用以防止重复提交:

$("form").submit(function () {
    if ($(this).valid()) {
        $(this).submit(function () {
            return false;
        });
        return true;
    }
    else {
        return false;
    }
});

如何在提交完成后更改链接的外观(真正的链接，在 Jquery 的调用中)？例如更改我的标签的颜色和标签(比方说从“去”到“等待”？我希望它尽可能通用:如果在我的应用程序的另一个jsp中，提交是在按钮上进行的，而不是链接上，我使用3个参数:newClass(css)，idElement(按钮或链接的) )并标记(如果是链接)。

Answer 1

尝试下面的代码

function submitFormAjout() {
    document.getElementById("ajout_lien").className ="over";
    document.forms['constitutionForm'].submit();
}

jQuery .one()确保提交事件仅触发一次。

$("form").one("submit", function () {
    if ($(this).valid()) {
        $(this).submit(function () {
            return false;
        });
        return true;
    }
    else {
        return false;
    }
});