Question

我有一个小的jquery，在提交时禁用按钮以防止双击。我在我的输入按钮上添加了一个button_disable类（我有时在表单上有多个按钮），并且我的所有页面都包含一个实用程序脚本。

    $('form').submit(function () {
        if ($(this).valid()) {
            $('.button_disable').attr("disabled", true);
         }
    });

我将其设计为HTML 5按钮，一切正常。

<input class="button_next button_disable" type="submit" value="Verify Eligibility" />

但是现在我们的css家伙改变了一切按钮

<button type="submit" class="submitBtn button_disable"><span>Verify Eligibility</span></button>

它不再有效。调试显示代码执行，它只是没有禁用按钮。我还尝试修改我的禁用

        $('.button_disable').attr({ "disabled": true });

哪个也不起作用。

有什么建议吗？

Answer 1

如果您使用的是jquery版本1.6 +

，请使用prop()

 $('form').submit(function () {
    if ($(this).valid()) {
        $('.button_disable').prop("disabled", true);
       return true;
     }
    return false;
 });

Answer 2

试试这个

 $('.button_disable').prop('disabled', true);

按钮禁用不工作 - 正在使用输入

2 个答案: