jquery - 悬停在输入元素上时不显示标题文本

Question

我正在使用 jQuery Validate 插件并将错误消息存储在标题中，例如：

<input type="text" name="email" class="required email" title="Bad email format" />

我不希望在悬停时显示标题文本“错误的电子邮件格式”。如何禁用此功能（如果可能）？

Answer 1

尝试使用 rel="Bad email format"insted 标题或 html 数据属性，data-errorMssg="Bad email format"如果你不能使用它们，这里是一个提取的代码来隐藏标题

(function($){  
 $.fn.hide_my_tooltips = function() {  


    return this.each(function() {  

        $(this).hover(function(e) {  
            // mouseover
            var $this=$(this);
            $this.data("myTitle",$this.attr("title")); //store title 
            $this.attr("title",""); 
            }, function() {  
            // mouseout
            var $this=$(this);

            $this.attr("title",$this.data("myTitle")); //add back title
        });

        $(this).click(function() {  
            var $this=$(this);
            $this.attr("title",$this.data("myTitle")); //add back title
        });
    });  
 };  
})(jQuery);

// 在文档就绪函数中，使用正确的选择器调用 JQ 函数。$("输入").hide_my_tooltips();

​</p>

Answer 2

您需要将错误消息存储在其他地方。例如在 JavaScript 数组中：

var errors = { "emailformat" : "Bad email format" }

并在需要时使用它，从数组而不是从 html 调用它。