jQueryのフォームは、各行

Question

上nnlimitedフィールドや検証は私がこのようなHTMLフォームを、持っています。

「行を追加」ボタンをクリックすると、2つの新しいフィールド（名前と電子メール）を持つ新しい行が作成されます。私は名前と電子メールを配列に保存します：...

したがって、ユーザーは無制限の行を広告することができます。ユーザーが別のフィールドに入力して、すべての行に「名前」と「電子メール」が入力されるように、ユーザーが同じ行の名前または電子メールを入力すると、検証が必要です。

フィールドの1つが満たされている場合、同じ行の別のフィールドをjqueryで埋める必要があることを検証するにはどうすればいいですか？

Answer 1

まず、行がclass="row"のdivであり、2つのフィールドのクラスがfnameとfemailであるとします。

その後、スクリプトは次のようになります。

function oneFieldIsEmpty() 
{ 
    $(".row").each(function(){ 
     if($(this).find(".fname").val().length || $(this).find(".femail").val().length) { 
      if(!$(this).find(".fname").val().length || !$(this).find(".femail").val().length) { 
       return true; 
      } 
     } 
    }); 
    return false; 
} 

Answer 2

それはあなたが.nameclass + :inputや.emailclass ~ :input

を使用することができますので、他のjQueryセレクタに対して検証できるルールを作成することができますので、あなたはjQueryのフォーム検証 pluginを使用することができます