Jquery를 사용하여 복제 입력 필드의 유효성을 검사하는 방법

Question

단일 입력 값을 시도한 다음 유효성 검사가 작동하지만 하나 이상의 복제 입력 값을 시도한 경우 유효성 검사가 제대로 작동하지 않습니다. 복제 된 입력 유효성 검사 방법을 알려주세요. 너무 많은 사이트를 확인했지만 적절한 답변을 얻지 못했습니다. 제발 도와주세요. 나는이 형식으로 답변을 얻을 필요가

var form = $('#submit_form'); 
form.validate({ 
    rules: { 
     FirstName: { 
      required: true, 
      minlength: 2, 
     }, 
     LastName: { 
      required: true, 
      minlength: 2, 
     }, 
     height: { 
      digits: true, 
      required: true, 
     }, 
    }, 
}); 

:

$("#num").click(function() { 
    var p = $('.form-group').length; 
    var cloned = $(".form-group:first").clone(true).appendTo('.Box'); 
}); 

가 여기 내 검증 코드 :

<div class="Box"> 
    <div class="form-group"> 
    <label ><span>Note Type:</span></label> 
    <div class="input-group">     
      <label><input type="text" name="FirstName"></label> 
    </div> 
     <div class="input-group">     
      <label><input type="text" name="LastName"></label> 
    </div> 
     <div class="input-group">     
      <label><input type="text" name="height"></label> 
    </div>   
    <div class="abc"> 
     <button type="button" id="num">Add More</button> 
    </div> 
    </div> 
</div> 

여기 내 JS 코드 :
여기 내 html 코드이다.

Answer 1

당신은 검증 플러그인을 사용하는 다른 방법을 시도해야합니다 :

<form class="cmxform" id="commentForm" method="get" action=""> 
    <fieldset> 
    <legend>Please provide your name, email address (won't be published) and a comment</legend> 
    <p> 
     <label for="cname">Name (required, at least 2 characters)</label> 
     <input id="cname" name="name" minlength="2" type="text" required/> 
    </p> 
    <p> 
     <label for="cemail">E-Mail (required)</label> 
     <input id="cemail" type="email" name="email" required/> 
    </p> 
    <p> 
     <label for="curl">URL (optional)</label> 
     <input id="curl" type="url" name="url"/> 
    </p> 
    <p> 
     <label for="ccomment">Your comment (required)</label> 
     <textarea id="ccomment" name="comment" required></textarea> 
    </p> 
    <p> 
     <input class="submit" type="submit" value="Submit"/> 
    </p> 
    </fieldset> 
</form> 
<script type="text/javascript"> 
$("#commentForm").validate(); 
</script> 

을 이러한 방법으로, 당신은 모든 필드를 복제하는 경우, 규칙도 &가 작동 복사됩니다. :)