jquery - class="x" のテキスト フィールドにテキストが存在するかどうかを識別します

Question

ユーザーがテキストを入力できるものが 3 つtext box'sありますが、そこに何を入力するのかわかりません。ボックスにテキストがあるかどうかを確認したい。テキストエントリがわかっていれば、jQueryを使用してテキストがあるかどうかを確認できることを知っています

$( ".x:contains('John')" )

しかし、彼らが何に入ろうとしているのかわからないので、これに対する修正はありますか?

Answer 1

まず、要素またはその子:containsのプロパティ内のテキストを検索するため、現在のものは機能しません。text()

フィールドに値があるかどうかを確認したい場合は、次のようにします。

if ($('.x').val()) {
   // this field has a value
}

確認したい場合は、次の単語を含む値がありますJohn。

if ($('.x').val().contains('John')) {
   // this field has a value, and it contains the word John
}

Answer 2

セレクターに id の代わりにクラスを使用した場合: それらが複数のフィールドであり、値の有無にかかわらずすべてを検索する場合:

// get all fields with a value
var fields = $('.x').filter(function() { return ('' != $(this).val()); });

// get all fields without a value
var fields = $('.x').filter(function() { return ('' == $(this).val()); });

.val()それらがフォーム入力フィールドである場合に使用します。.text()たとえば、これらが他のタイプのコンテナである場合に使用<div>します。

Answer 3

テキスト ボックスが何かで満たされているかどうかだけを知りたい場合 (何があっても)、次の方法があります。

if ($(".x").val())
    // Non empty text box

Answer 4

$('.x').val().lengthテキストフィールド/テキストエリアの長さを取得するために使用できます。

Answer 5

$('.x').val()値を取得するために使用します

Answer 6

フィールドが値であるかどうかを確認したい場合は、次のようにします。

if($(".x").val()!=null && $(".x").val()!=""){
   //this field as value
}

同じクラスのフィールドが複数ある場合は、.x次を使用.eachして確認できます。

$(".x").each(function(){
    if($(this).val()!=null && $(this).val()!=""){
       //this field as value
    }
}