jquery - inputboxに動的検証を追加するにはどうすればよいですか？jqueryを使用する

Question

これが私の問題です。

開いている入力フィールドを検証すると同時に、必要な回数だけ2つの新しい入力フィールドを作成（追加）するオプションがあります。どうすればこれを達成できますか？

Answer 1

関数.validate()を使用して検証ハンドラーをフォームにアタッチするとします。新しいフィールドを作成するときは、関数を呼び出している可能性がありますnewField()。.validate()その中で、関数をもう一度呼び出しますか？

$(document).ready(function(){
    $("form").validate();
});

JavaScriptで、挿入する場所：

<input type="button" onclick="newField(); $("form").validate();" />

したがって、新しい要素が挿入されるたびに、.validate()関数が呼び出されます。お役に立てれば。

Answer 2

各入力要素に同じクラス属性を指定すると、検証関数でそれらすべてを簡単に反復できます。

function validateElements(){
  var invalidElements = [];
  $(".elementToValidate").each(function(index,elem){
    if ($(elem).val() == ''){
      // this element can not be validated! (perhaps add an indication on the page)
      invalidElements.push($(elem));
    }
  });

  if (invalidElements.length){
    return false; // there are invalid elements!  Can not validate.
  }
  return true; // Validated!
}