暂时使用jQuery禁用按钮

Question

我想在不删除侦听器的情况下禁用按钮元素，例如我有以下代码：

<input id="in" />
<button id="sub">Submit</button>

$('#sub').click(function (e) {
    //Some actions
});


$($('#in').keyup(function (e) {
    if (new Date($(this).val()) == 'Invalid Date') {
        $(this).addClass('invalid');
        $('#sub').addClass('disabled');
    }
    else {
        $(this).removeClass('invalid');
        $('#sub').removeClass('disabled');

    }
});

我想取消绑定按钮单击侦听器，但如果我使用off()或unbind()，我将不得不在else子句中“重新绑定”它。 / p>

有没有更好的方法呢？

Answer 1

如何禁用按钮而不是添加类？

<强> HTML：

<button>Disable Me</button>

<强> JS

$(function() {
    $("button").click(function() {
        alert("click!");
       $(this).prop("disabled", true); 
    });
});

<强> CSS

button[disabled] {
 color: red;
}

Here是一个可以证明的jsFiddle。

Answer 2

使用$('#sub').prop('disabled');