Jquery 在mouseover上显示qTip

我正在尝试使用jQuery验证表单，并使用qTip显示错误消息。但是我想在mouse Over上显示错误消息，现在当我提交表单时，错误消息将出现在文本字段的旁边

当我将鼠标移到文本字段上时，如何显示错误消息

演示-

---

rvi.

显示qtip工具提示的代码如下所示：

// Apply the tooltip only if it isn't valid
$(element).filter(':not(.valid)').qtip({
    overwrite: false,
    content: error,
    position: position,
    show: {
        event: false,
        ready: true
    },
    hide: false,
    style: {
        classes: 'ui-tooltip-red' // Make it red... the classic error colour!
    }
});

    show: {
        event: 'mouseover'
    },
    hide: {
        event: 'mouseout'
    },

这个

告诉qTip立即打开工具提示

你想要这样的东西：

// Apply the tooltip only if it isn't valid
$(element).filter(':not(.valid)').qtip({
    overwrite: false,
    content: error,
    position: position,
    show: {
        event: false,
        ready: true
    },
    hide: false,
    style: {
        classes: 'ui-tooltip-red' // Make it red... the classic error colour!
    }
});

    show: {
        event: 'mouseover'
    },
    hide: {
        event: 'mouseout'
    },

---

是一个更新的JSFIDLE

@Simen在验证之后，我尝试使用以下脚本以表单的形式显示错误消息的#。我不确定剧本里出了什么问题。你能调查一下吗。。您正在初始化验证两次（

$（“#myForm”）。验证（…

）。您需要在同一初始化中提供所有选项。将

invalidHandler

选项放在第一次调用

validate

的内部。此处：@Simen我已经测试并工作正常。我有一个与qTip相关的问题。我有一个包含大量文本输入的数据网格，我正在使用qTip验证并显示错误MSG。但是这里的问题是，所有文本输入都是动态生成的，每个文本输入都有自己的名称。我的疑问是，如何使用单个规则验证所有动态生成的文本输入…？我尝试过，但它不起作用。。