5

重複の可能性：
jQueryを使用して入力が空かどうかを確認します

フォームとテキストボックスがあります。フォームボタンがクリックされたら、javascript if elseステートメントを使用して、これらのテキストボックスのいずれかが空であるかどうかをどのように判断しますか。

function checking() {
    var textBox = $('input:text').value;
    if (textBox == "") {
        $("#error").show('slow');
    }
}

前もって感謝します！

4

3 に答える 3

15

要素を選択するためにjQueryセレクターを使用することにより、jQueryオブジェクトがval()得られ、入力要素の値を取得/設定するためのメソッドを使用する必要があります。

また、:textセレクターは非推奨であり、空白文字を削除するためにテキストをトリミングすることをお勧めします。$.trimユーティリティ関数を使用できます。

function checking() {
    var textBox =  $.trim( $('input[type=text]').val() )
    if (textBox == "") {
        $("#error").show('slow');
    }
}

プロパティを使用するvalue場合は、まず jQuery オブジェクトを生の DOM オブジェクトに変換する必要があります。[index]またはgetメソッドを使用できます。

 var textBox = $('input[type=text]')[0].value;

複数の入力がある場合は、それらをループする必要があります。

function checking() {
    var empty = 0;
    $('input[type=text]').each(function(){
       if (this.value == "") {
           empty++;
           $("#error").show('slow');
       } 
    })
   alert(empty + ' empty input(s)')
}
于 2012-09-15T12:29:02.953 に答える
6

valuejqueryオブジェクト使用関数では使用できませんがval()、これはセレクターによって返された最初のテキストボックスのみをチェックします。

ライブデモ

function checking() {    
  var textBox = $('input:text').val();
  if (textBox == "") {
      $("#error").show('slow');
   }
}

イベントを添付blurして、この検証を行うことができますlosing focus from each textbox.

ライブデモ

$('input:text').blur(function() {    
    var textBox = $('input:text').val();
    if (textBox == "") {
        $("#error").show('slow');
    }
});

submit buttonOPとの話し合いによるクリックの検証

<strong>ライブデモ

$('#btnSubmit').click(function() { 
     $("#error").hide();    
     $('input:text').each(function(){
       if( $(this).val().length == 0)
          $("#error").show('slow');
    });
});
于 2012-09-15T12:24:29.253 に答える
1

このコードを試してください：

var textBox = $('input:text').val();

if (textBox==""){ 
  $("#error").show('slow'); 
}
于 2012-09-15T12:25:39.487 に答える