如果我尝试单个输入值然后验证工作,但如果我尝试多个克隆输入值,那么验证不能正常工作。请帮助我如何验证克隆输入值。我检查了这么多网站但我没有得到正确答案,请帮我解决这个问题 这是我的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,
},
},
});
我需要以这种格式得到答案。
答案 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;它会工作。 :)强>