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的通话中）？通过实例更改我的标签的颜色和标签（让我们说＆＃34;去＆＃34;到＆＃34;等待＆＃34;？我希望它尽可能通用：如果，在我的应用程序的另一个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;
    }
});

Answer 2

JQuery的：

function submitFormAjout() { 
    $("#"+ (this).attr("id")).addClass("over");
    $('form[name="constitutionForm"]').submit();
}

HTML：

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

如果您希望className是动态的，那么您可以将其作为函数参数传递并在方法中使用该值。

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

2 个答案: