Javascript jQuery验证popover：删除元素'；s风格班

目前，我正在开发web应用程序，它将具有多步骤表单。我正在通过jquery验证插件验证表单的每个部分。我还希望验证消息作为一个弹出窗口。为此，我使用了jquery验证popover插件。两个图书馆都在为我服务。但我面临着一个有点奇怪的问题

对于必填字段，我希望在模糊事件中输入框为红色边框。当输入正确时，我想从div元素的样式中删除这个错误类。我在这里工作：

当我添加validate弹出插件时，除了从输入框样式中删除错误类之外，一切都很顺利。我不知道为什么jquery不能从div元素的样式中删除error类。我这里有一个奇怪的工作演示：

---

我不知道为什么会发生这种情况。validate popover插件内部有什么问题吗？

您需要实现取消高亮

// Code goes here
$(function () {
    $('#myform').validate_popover({
        rules: {
            personalEmail: {
                email: true
            }
        },
        messages: {
            personalEmail: {
                email: "Custom Message - Please fill email id in proper format"
            }
        },
        highlight: function (element) {
            $(element).closest('div').addClass('has-error');
        },
        unhighlight: function (element) {
            $(element).closest('div').removeClass('has-error');
        },
        onsubmit: false,
        popoverPosition: 'top'
    });
})

---

演示：

对于名为popoOverposition的

.validate（）

方法，没有这样的选项。

$(function() {
   $('#myform').validate_popover({
            rules: {
                personalEmail: {
                    email: true
                }
            },
            messages: {
                personalEmail: {
                    email: "Custom Message - Please fill email id in proper format"
                }
            },
            highlight: function (element) {
                $(element).closest('div').addClass('has-error');
            },
            success: function (element) {
                $(element).closest('div').removeClass('has-error');
            },
            onsubmit: false,
            popoverPosition: 'top'
        });
})

// Code goes here
$(function () {
    $('#myform').validate_popover({
        rules: {
            personalEmail: {
                email: true
            }
        },
        messages: {
            personalEmail: {
                email: "Custom Message - Please fill email id in proper format"
            }
        },
        highlight: function (element) {
            $(element).closest('div').addClass('has-error');
        },
        unhighlight: function (element) {
            $(element).closest('div').removeClass('has-error');
        },
        onsubmit: false,
        popoverPosition: 'top'
    });
})