0

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

问题是，如果我添加多于一行，则表的提交验证不适用于第二行（以及后续行）......

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 验证规则）

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

有什么建议可以解决这个问题吗？

提前致谢！

编辑：jQuery 版本：2.0

4

1 回答 1

0

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

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

和 javascript

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

希望我能帮忙

于 2014-02-06T15:51:42.250 回答