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

时间:2012-03-31 12:30:28

标签: jquery jquery-validate html-input

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

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

我不希望悬停时显示标题文字“Bad email format”。如何禁用此功能(如果可能)?

2 个答案:

答案 0 :(得分:1)

尝试使用rel="Bad email format"内置标题或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();

答案 1 :(得分:0)

您需要将错误消息存储在其他位置。例如,在JavaScript数组中:

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

随时随地使用它,从数组而不是从html中调用它。