Question

我有一个表格，我手动将表格放到表格中。这行需要和输入（必需）并有两个选择...

问题是，如果我添加多行，表的提交验证对第二行（及后续行）不起作用......

Javascript代码：

$('#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 validate - group inputs with similar rules）。

我尝试不起作用的另一个片段（基于此帖子jquery validation rules）

$('form').validate({
    rules:{
        classStartDate: {
            required:true
        }
    }
});

有任何解决此问题的建议吗？

提前致谢！

修改： jQuery版本：2.0

Answer 1

如果您在输入中使用相同的名称复制只验证第一个，则需要将括号添加到名称中

<input class="required datepicker classStartDate" name="classStartDate[]" />

和javascript

$('form').validate({
    rules:{
        "classStartDate[]": {
            required:true
        }
    }
});

希望我可以提供帮助

添加和输入后，jQuery验证不起作用

1 个答案: