2010-12-09 69 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)); 
       } 
      }); 
     } 
}); 

我希望這會對其他人有幫助。