Javascript jQuery验证don';添加和输入后无法工作
我有一个表单,其中我手动将行添加到表中。 此行需要和输入(必需),并有两个选择 问题是,如果我添加了多行,那么表的提交验证对第二行(以及后续行)不起作用 Javascript代码:Javascript jQuery验证don';添加和输入后无法工作,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我有一个表单,其中我手动将行添加到表中。 此行需要和输入(必需),并有两个选择 问题是,如果我添加了多行,那么表的提交验证对第二行(以及后续行)不起作用 Javascript代码: $('#classAdd').click(function(e){ e.preventDefault(); //trainingAction.addRow(schoolGroups[0].schoolGroupId, -1, '');
$('#classAdd').click(function(e){
e.preventDefault();
//trainingAction.addRow(schoolGroups[0].schoolGroupId, -1, '');
//add one line
$('#classes > tbody:last').append('<tr><td><input class="required datepicker classStartDate" name="classStartDate" /></td>'+
'<td><select class="classSchoolGroupId"></select></td>'+
'<td><select class="classSchoolId"></select></td>'+
'<td><a href="#" class="none classRemove"><i class="icon-remove"></i></a></td></tr>');
var last = $('#classes tr:last');
var csgi = last.find('.classSchoolGroupId');
var csi = last.find('.classSchoolId');
var input = last.find('.classStartDate');
//append values
trainingAction.appendArrayToSelect(csgi, schoolGroups, 'schoolGroupId', 'schoolGroupName', -1);
//append values
trainingAction.appendArrayToSelect(csi, schoolGroups[0].getSchools(), 'Value', 'Text', -1);
//add event
trainingAction.schoolGroupChange(csgi);
//rebind datepicker
helpers.bindDatepicker();
//rebind validators
$('form').validate();
$(input).rules('add', {
required: true
});
//rebind remove button
trainingAction.removeClass();
});
有没有解决这个问题的建议
提前谢谢
编辑:
jQuery版本:2.0如果在输入上使用相同的名称进行复制,则只验证第一个名称,您需要在名称中添加括号,如下所示
<input class="required datepicker classStartDate" name="classStartDate[]" />
希望我能帮上忙
<input class="required datepicker classStartDate" name="classStartDate[]" />
$('form').validate({
rules:{
"classStartDate[]": {
required:true
}
}
});