2010-12-09 149 views
1

我有一个jQuery的弹出窗口,其中有一个文本框列表插入电话号码。用户可以选择添加更多的文本框,如果他们想要的话。每次添加一个文本框的时候,我加入了一个jQuery需要验证,像这样:jQuery验证错误的位置(.rules(“add”))

$("#phoneNumberTxt" + i).rules("add", { 
     required: true, 
     messages: { 
      required: "Phone number is required." 
     } 
     }); 

在与文本框的线条,有多个文本框。我正在尝试将所有错误都转换为所有文本框左侧的div(每行1个div)。有没有办法告诉上面的验证器在哪里显示错误消息?

回答

3

我希望你已经得到了这个解决方案&我为时太晚回答,但仍分享知识。

这是解决方案:

我们不能把errorPlacement在(.rules(“添加”))方法。

$("#formId").validate({ 
    errorPlacement: function (error, element) { 

      $("input[id^=elementId]").each(function(i) { 
       if(element.attr('id') == 'elementId'+i) { 
        error.appendTo($("#errElement"+i)); 
       } 
      }); 
     } 
}); 

我希望这会对其他人有帮助。