jquery - 在无效字段上运行函数（使用 jQuery 验证）

Question

我正在使用 jQuery Validation，我希望能够在表单的每个无效字段上运行一个函数。这是我的想法：

jQuery(".jform").validate(
{
    errorElement: "span",
    errorClass: "help-inline",
    invalidHandler: function(event, validator)
    {
        jQuery(':input', this).each(function()
        {
            var ParentDiv = jQuery(Selector).parents(".control-group");
    ParentDiv.removeClass('error');

            if (!validator.valid(this))
            {
                ParentDiv.addClass('error');   
            }
        });
    }
});

我基本上是在尝试向包含任何错误字段的 div 添加一个类。上面的代码不起作用 - 我认为我缺少一些基本的东西。有什么建议么？

Answer 1

使用高亮回调而不是invalidHandler，这将为每个无效字段调用。您可能需要将此与 unhighlight 处理程序结合使用。

$(".jform").validate(
{
    errorElement: "span",
    errorClass: "help-inline",
    highlight: function(element, errorClass)
    {
       $(element).closest('div').addClass(errorClass);
    },
    unhighlight: function(element, errorClass)
    {
       $(element).closest('div').removeClass(errorClass);
    }
});