jquery驗證多個錯誤標籤位置

Question

使用jQuery驗證，有沒有辦法讓每個錯誤消息顯示在不同的位置。

我想在電子郵件字段旁邊顯示「必需」消息，但在窗體底部的驗證摘要div中顯示「無效電子郵件地址」。

我知道我可以使用errorPlacement，但我認爲這是針對所有消息的。

Answer 1

使用errorPlacement方法.validate()來包含錯誤放置邏輯。 2個arguements被傳遞到errorPlacement：

1. 錯誤：錯誤文本被插入到所述DOM。
2. 元素：元素被驗證。

您可以使用驗證器返回的錯誤消息來決定它的位置。 EG：

$("form").validate({ 
    ignore: '', 
    errorPlacement: function(error, element){ 
    if(error.text() == "This field is required"){ 
     $('.requiredContainer').text(error.text()); 
    } 
    else 
    { 
     $('.genericContainer').text(error.text()); 
    } 
    }); 
}); 

如果您在使用本多種形式，我建議把所有的驗證設置在setDefaults()，只是使用validate()處理規則/郵件等

setDefaults docs