如何使用Jquery验证克隆输入字段

时间:2014-09-20 11:02:53

标签: jquery jquery-validate

如果我尝试单个输入值然后验证工作,但如果我尝试多个克隆输入值,那么验证不能正常工作。请帮助我如何验证克隆输入值。我检查了这么多网站但我没有得到正确答案,请帮我解决这个问题 这是我的HTML代码:

 <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代码:

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

这是我的验证码:

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

我需要以这种格式得到答案。

1 个答案:

答案 0 :(得分:-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>

通过这种方式,如果您克隆任何字段,也会复制规则&amp;它会工作。 :)