jquery - 没有鼠标悬停的jQuery qTip插件

Question

我只是想在用户单击一个按钮时对输入 type="text" 进行一些简单的验证，它会检查字段的长度，如果它少于 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();
            });
        });