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);
    }
});

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

1 个答案: