Jqueryvalidation动态添加的行具有多个具有相同名称的元素

根据某些count动态添加表行

  var del_count=$("#trainee_count").val(); var row_counter=0; for(var i=0;i<del_count;i++){ row_counter++; $(".add_trainee").append( ''+ ''+ ''+ ''+ ''+ ''+ '' ); } 

基本上我正在尝试对具有相同名称的多个元素进行validation。

validation：

  $(".traineeDetailsForm").validate({ errorContainer: "#error_div", errorPlacement: function(error, element) {} }); 

我可能有’n’行数，这将有’n’个具有相同名称的元素这里validation只适用于第一行（tr）

Answer 1

您无法validation共享相同name多个输入。 jQuery Validate插件要求每个输入都包含唯一的 name因为name是插件跟踪输入的方式。

解决方案只是使用计数器作为name一部分，确保它是唯一的，就像你使用复选框一样……

 $(".add_trainee").append( ''+ ''+ ''+ ''+ ''+ ''+ '' ); 

另请参阅此答案： https ： //stackoverflow.com/a/18905194/594235

Answer 2

使用.each（）validation具有相同名称的多个元素。

 $(".traineeDetailsForm").each(function () { $(this).validate({ errorContainer: "#error_div", errorPlacement: function(error, element) {} }); });