jQuery验证多个错误标签位置

交叉

使用jquery验证,有一种方法可以将每个错误消息显示在不同的位置。

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

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

亚当·博特利

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

  1. error:要插入到DOM中的错误文本。
  2. element:正在验证的元素。

您可以使用验证器返回的错误消息来确定应将其放置在何处。例如:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jquery 验证引擎位置错误

来自分类Dev

JQuery在多个位置(表单顶部和表单级别)验证自定义错误消息

来自分类Dev

验证标签的控制位置

来自分类Dev

jQuery验证:在自定义div中显示错误标签

来自分类Dev

jQuery验证自定义错误消息的位置

来自分类Dev

Twitter Bootstrap和jQuery验证插件-位置或错误文本

来自分类Dev

规则的jQuery验证程序自定义错误消息位置

来自分类Dev

多个根标签错误

来自分类Dev

表单验证多个错误

来自分类Dev

验证返回多个错误

来自分类Dev

表单验证多个错误

来自分类Dev

多个jQuery标签页

来自分类Dev

Winform图表标签位置错误

来自分类Dev

直接标签将标签放置在错误的位置

来自分类Dev

jQuery验证-带表单标签

来自分类Dev

jQuery UI标签错误

来自分类Dev

jQuery验证自定义验证器,在元数据标签和消息中具有多个参数

来自分类Dev

jQuery验证总和错误

来自分类Dev

多个表单验证中的表单验证错误

来自分类Dev

使用jQuery切换焦点到带有验证错误的标签

来自分类Dev

在服务器端验证之后创建像jquery这样的错误标签

来自分类Dev

在beautifulSoup中按位置选择多个标签

来自分类Dev

jQuery验证插件:验证多个输入文件

来自分类Dev

jQuery Ajax多个标签搜索

来自分类Dev

iOS:是否支持动态标签/验证错误?

来自分类Dev

员工标签验证错误的odoo分配请求?

来自分类Dev

jQuery验证与多个工具箱的Tooltipster错误消息放置问题

来自分类Dev

iOS 7标签栏显示在错误的位置

来自分类Dev

验证摘要未在正确的位置显示错误