自定义 jQuery 验证以通过图标弹出错误消息

发布于 2024-09-10 03:25:18 字数 824 浏览 4 评论 0原文

这可能是一个基本的 jQuery 误解，但我必须问...

我试图让 jQuery.validate 在 qTip（一个用于自定义工具提示的 jQuery 插件）上显示其错误消息。具体来说，我想在鼠标悬停在一个红色的“X”图标上时弹出工具提示。

我可以使用以下代码在表单字段上弹出工具提示：

$().ready(function() {
    // validate signup form on keyup and submit
    $("#signup").validate({
                errorPlacement: function(error, element) {
                    element.parent().parent().append('<div class="rederrorx"></div>');
                    element.qtip(
                    {
                        //qTip formatting and content code
                    });
        },

但是为了让工具提示在红色 x 上弹出，我将 element.qTip( 更改为 $(". rederrorx").qTip( 并且它不起作用（没有初始化消息/qTip）。

选择器的概念是否超出了我的理解范围？可能是这样。或者 jQuery 类选择器没有选择任何内容，因为append 尚未发生？或者...

谢谢！埃米尔

原文

This might be a fundamental jQuery misunderstanding but I've got to ask...

I'm trying to get the jQuery.validate to display its error messages on qTip, a jQuery plugin for customizing tooltips. Specifically I want to get the tooltip to pop-up on mouseover of a little red "X" icon.

I can get the tooltip to popup over the form field using the following code:

$().ready(function() {
    // validate signup form on keyup and submit
    $("#signup").validate({
                errorPlacement: function(error, element) {
                    element.parent().parent().append('<div class="rederrorx"></div>');
                    element.qtip(
                    {
                        //qTip formatting and content code
                    });
        },

But to get the tooltip to pop up over a red x, I change element.qTip( to $(".rederrorx").qTip( and it doesn't work (no message/qTip initialized).

Has the concept of selectors just gone way over my head? Prob so. Or is the jQuery class selector not selecting anything because the append has yet to take place? Or...

Thanks!
Emile

分享到QQ

分享到微博