没有鼠标悬停的jQuery qTip插件

Question

我只是试图在输入类型=“文本”上进行一些简单的验证，当用户点击一个按钮时它会检查字段的长度，如果它少于2个字符我想要一个qTip打开/显示。

我不希望它在鼠标悬停时显示我不想在用户输入字段时显示它。只有在发生这种情况时

$('#myfield').length > 0 && $('#myfield').length > 3){
     // open tool tip
}

Answer 1

使用此插件注册点击事件需要qTip2。

HTML

<input type="text" name="test" value="" />
<input type="submit" name="submit" value="Submit" />

JQuery的

$(function () {

            function openQTip(clickedElement, contentValue)
            {
                $(clickedElement).qtip({
                   content: contentValue,
                   show: 'click',
                   hide: 'mouseout'
                });
            }

            $('input[type="submit"]').click(function(e){

                var valueLength = $('input[type="text"]').val().length;

                if(valueLength > 0 && valueLength < 2)
                {
                    openQTip(this, 'not enough characters'); 
                }
                else
                {
                        //submit form
                }


                e.preventDefault();
            });
        });