Question

我正在处理一个表单，当有人试图提交缺少数据的表单时，该表单会实现QTip2以显示工具提示。一切都按预期工作，但是我希望删除错误类后删除工具提示（实际上有人在输入字段中输入后）。我目前的验证代码如下：

$('#form0').validate({
    rules: {
        Name: "required",
        Email: {
            required: true,
            email: true
        },
        Subject: "required",
        Message: "required"
    },
    errorPlacement: function (error, element) {
        $('#Name').qtip({
            content: 'Please enter your name',
            position: {
                target: 'mouse', // Track the mouse as the positioning target
                adjust: { x: 5, y: 5 } // Offset it slightly from under the mouse
            },
            style: { classes: 'qtip-red' }
        });
        return true;
    },
    errorClass: "form-error"
});

正如你所看到的，一旦有人试图提交表格，那就是＃34; form-error＆＃34;被分配给输入字段，所以我希望删除此类后删除工具提示。我尝试了以下方法，但它不起作用，不确定原因：

onHide: function() { $(this).qtip('destroy'); }

Answer 1

我通过在errorPlacement {}中添加以下代码找到了解决此问题的方法：

events: { show: function (event, api) { if (!element.hasClass('form-error')) event.preventDefault(); } },
show: {
    delay: 0,
    target: element
},
hide: { target: element },

使用JQuery自动关闭qtip2 .validate（）

1 个答案: