複数のname []配列を持つJQueryフォームを検証する方法は？

Question

これらのフィールドはJQueryで作成されます。

「aname []」フィールドの配列を検証するにはどうすればよいですか（次のステップに進む前に入力する必要があります）。

HTMLにはJQuery：

input ="<input name='aname[]' id='1' placeholder='yourname1' type='text' required />"; 
input +="<input name='aname[]' id='2' placeholder='yourname2' type='text' required />"; 
input +="<input name='aname[]' id='3' placeholder='yourname3' type='text' required />"; 
$(".placeholder").append(input); 

jQueryのコマンド

$(document).ready(function() { 
    var items = $('input[name="items[]"]').text(); 
    if(items == ""){ 
     alert("fill this field"); 
    } 
}); 

Answer 1

2つの問題の入力を試してみて、取得する：

1. text()は、要素のテキストを取得する（spanのようなまたはdiv）、入力の値ではありません。入力の値を取得するには、valを使用します。 （またはDOM要素の場合はvalueプロパティ）

2. ページの読み込みだけでなく、イベントに応じてチェックを実行する必要があります。あなたがそのコードにval()にtext()を変更した場合は

3. 、あなただけ（text()は少し奇妙であるとval()や他のほとんどのjQueryゲッターに動作が異なります）最初 1の値をチェックすることがあります。

あなたがそれらの全てが記入されていることを確認したいのであれば、あなたはイベントハンドラといくつかの種類のループ必要があります。もちろん、

$(document).ready(function() { 
    $("selector-for-the-form").on("submit", function(e) { 
     $(this).find('input[name="items[]"]').each(function() { 
      if (this.value == "") { 
       this.focus();    // So the user knows which field... 
       alert("fill this field"); // ...although this may mess that up 
       e.preventDefault();  // Prevent form submission 
       return false;    // Stop looping 
      } 
     }); 
    }); 
}); 

を、alert ISN」この種の事件では通常、ユーザーエクスペリエンスが最も優れています。積極的な検証や、入力の境界線の色を変更したり、インラインメッセージを表示したりするなどの作業が必要になるまで、ユーザーに不快感を与えたり、ユーザーが行っていることを中断したりしない通知があれば、もっと楽しいです。 （それを行うのに役立つプラグインもたくさんあります）