jquery - Jquery如果字段为空，单击按钮禁用它

Question

我有一个带有“种类”类的输入字段和一个带有“提交”类的链接/按钮。

现在，如果输入中没有值，或者如果您想说，如果输入为空，我想在单击“提交”按钮时禁用此“种类”输入...

我试过这样：

html:

<input class="kind" id="name" name="name" type="text" placeholder="Kind">

    <a href="#" class="submit" >Submit</a>

脚本：

$('.submit').click(function () {
    if ($('.kind').val().length != 0) {
        $('.kind').prop('disabled', true);
    }
});

但它不起作用，我不知道为什么，你可以在这里看到：http: //jsfiddle.net/dzorz/UBy4x/

我错过了什么吗？还是我应该以不同的方式定义值检查..

score 4 · Accepted Answer

如果您希望它匹配一个空的情况，我相信您的意思是使用==而不是在您的条件语句中。!=

此外，您应该使用$.trim删除任何空格，否则带有空格的空输入将不会触发匹配条件语句。

if ($.trim($('.kind').val()).length === 0){
  $('.kind').prop('disabled', true);
}

score 1 · Accepted Answer

为什么不简单地使用.val()

$('.submit').click(function () {
    if (!$('.kind').val()) {
        $('.kind').prop('disabled', true);
    }
});

score 0 · Accepted Answer

你的 if 条件与你想要的相反。您只需更新您的状况。如果那个值应该是==0

$('.submit').click( function() {
    if ($('.kind').val().length == 0){
          $('.kind').prop('disabled', true);
    }

});

score 0 · Accepted Answer

试试这个，

$('.submit').click( function() {
    if ($('.kind').val().length < 1){
          $('.kind').prop('disabled', true);
    }

});

score 0 · Accepted Answer

0

你可以试试这个：

$('.kind').attr('disabled', true);

于 2013-06-25T08:35:24.713 回答

5 回答 5