javascript - 检查输入是否具有特定值

Question

我正在使用 Jquery 来检查输入是否具有特定值，如果确实具有该值，则会启用提交按钮。问题是我将值设置为 4，但如果输入 44(或以 4 开头的任何内容)，它仍然会启用该按钮。此外，一旦输入 4，它就可以更改为任何内容，并且按钮保持启用状态。

我希望它做的只是在值为 4 时更改为启用，并且如果该值更改，则应禁用提交按钮。

Jquery

$(document).ready(function() {
    $('#check').keyup(function() {
        if($(this).val() === '4') {
            $('.submit').removeAttr('disabled');
        }
    });
});

HTML

<input id="check" type="text" name="check" />

<input type="submit" name="submit" class="submit" disabled="disabled">

Answer 1

试试这个:

$('#check').change(function() {
    if($(this).val() === '4') {
        $('.submit').removeAttr('disabled');
    }
    else $('.submit').attr('disabled', 'disabled');
});

事实上，当值不是 4 时，如果您愿意，您需要重新禁用提交按钮。

更好的是，而不是

$('.submit').attr('disabled', 'disabled');

你可以/应该使用

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

所以处理程序变成

$('#check').change(function() {
    if($(this).val() === '4') {
        $('.submit').removeAttr('disabled');
    }
    else $('.submit').prop('disabled', true);
});

或者更简单

$('#check').change(function() {
    $('.submit').prop('disabled', $(this).val() !== '4');
});