Question

使用jquery验证，是否可以将每条错误消息显示在不同的位置。

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

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

Answer 1

使用errorPlacement中的.validate()方法包含错误放置逻辑。 2个争论传递给errorPlacement：

错误：要插入DOM的错误文本。
元素：正在验证的元素。

您可以使用验证程序返回的错误消息来确定应将其放置在何处。 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

jquery验证多个错误标签位置

1 个答案: