如果字段为空则为Jquery，单击按钮将其禁用

Question

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

现在，如果输入中没有值，或者如果你想说，如果输入为空，我想点击按钮“提交”时禁用这种“善意”输入......

我试过这样：

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/

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

Answer 1

我相信你的意思是在你的条件语句中使用==而不是!=，如果你想让它匹配一个空案例。

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

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

jsFiddle here.

Answer 2

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

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

小提琴 - http://jsfiddle.net/atif089/UBy4x/7/

Answer 3

你的if条件与你想要的条件相反。你只需要更新你的病情。它应该是该值==0

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

});

Answer 4

试试这个，

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

});

Answer 5

你可以试试这个：

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