jquery - フィールドが空の場合は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/

私は何かを逃していますか？または、値チェックを別の方法で定義する必要があります..

score 4 · Accepted Answer

空のケースに一致させたい場合は、条件ステートメント==の代わりに使用するつもりだったと思います。!=

また、を使用$.trimして空白を削除する必要があります。そうしないと、空白を含む空の入力が条件文との一致をトリガーしません。

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

score 0 · Accepted Answer

あなたのif条件は、あなたが望むものの逆です。条件を更新するだけです。その値が==0

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

});

5 に答える 5