问题是只检查了第一组输入,而不是另一组,当我在第二组输入内容时,第一组相应输入框中的错误信息将消失
问题:
1.这个问题的根源是什么?
2.如果我无法修复它,我该如何手动验证文本框和选择框?谢谢
<script>
$(document).ready(function() {
$("#config").validate();
$('.remove').click(function(){
$(this).parent().remove();
});
$("#add").click(function() {
var intId = $("#configField div").length + 1;
var label = $("<label>Field Name:</label>");
var labelType = $("<label>Field Type:</label>");
var labelReq = $("<label>Require:</label>");
var labelTag = $("<label>Tag:</label>");
var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\"/>");
var fName = $("<input type=\"text\" class=\"required\" name=\"RName[]\" />");
var fTag = $("<input type=\"text\" class=\"required\" name=\"Tag[]\" />");
var fReq = $("<select class=\"required\" name=\"Req[]\" ><option selected=\"\" value=\"\">Please Select</option><option value=\"1\">Yes</option><option value=\"0\">No</option></select>");
var fType = $("<select class=\"required\" name=\"RType[]\" ><option selected=\"\" value=\"\">Please Select</option><option value=\"txt\">Text</option><option value=\"int\">Numbers</option><option value=\"bool\">Boolean</option></select>");
var removeButton = $("<input type=\"button\" class=\"remove\" value=\"Remove\" />");
removeButton.click(function() {
$(this).parent().remove();
});
fieldWrapper.append('<br>');
fieldWrapper.append(label);
fieldWrapper.append(fName);
fieldWrapper.append('<br>');
fieldWrapper.append(labelType);
fieldWrapper.append(fType);
fieldWrapper.append('<br>');
fieldWrapper.append(labelReq);
fieldWrapper.append(fReq);
fieldWrapper.append('<br>');
fieldWrapper.append(labelTag);
fieldWrapper.append(fTag);
fieldWrapper.append('<br>');
fieldWrapper.append(removeButton);
$("#configField").append(fieldWrapper);
});
});
</script>