jquery验证多个错误标签位置

【问题标题】：jquery validation multiple error label locationsjquery验证多个错误标签位置
【发布时间】：2013-11-15 12:12:23
【问题描述】：

使用 jquery 验证，有没有办法让每个错误消息显示在不同的位置。

我想在电子邮件字段旁边显示“必填”消息，但在表单底部的验证摘要 div 中显示“无效的电子邮件地址”。

我知道我可以使用 errorPlacement，但我认为这适用于所有消息。

【问题讨论】：

标签： jquery validation location label

【解决方案1】：

使用.validate() 中的errorPlacement 方法来包含错误放置逻辑。 2 个参数传递给errorPlacement:

error：要插入到 DOM 中的错误文本。
元素：被验证的元素。

您可以使用验证器返回的错误消息来决定它应该放在哪里。例如：

$("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

【讨论】：