Question

我已经看过几次这个问题了，从我可以收集到的，这两个选项中的任何一个都应该有效。但是我无法让错误容器工作。我的目标是将错误和有效类添加到表单字段的直接父级。如果你能告诉我如何在仍然添加这些验证类的同时禁用错误列表的附加，那么还有额外的荣誉。

var parsleyConfig = {
    errorClass: 'error',
    successClass: 'valid',
    errors: {
        errorsContainer: function(el) {
            return el.$element.parent();
            //return $(el).closest('.parent');
        }
    }
}

var parsleyConfig = {
    errorClass: 'error',
    successClass: 'valid',
    errorsContainer: function(el) {
        return el.$element.parent();
        //return $(el).closest('.parent');
    }
}

$('#registerForm').parsley(parsleyConfig);

在这两种情况下，类都会添加到表单字段本身，而不是父表单。结果与表单元素中包含或不包含data-parsley-validate相同。还运行最新的2.0谢谢！

Answer 1

您必须使用classHandler选项而不是errorsContainer

var parsleyOptions = {
  errorClass: 'error',
  successClass: 'valid',
  errorsMessagesDisabled: true,
  classHandler: function(el) {
    return el.$element.parent();
  }
};
$formSelector.parsley(parsleyOptions);

errorsContainer返回$元素，其中将附加错误消息，如annotated source defaults options中所述。

errorsMessagesDisabled阻止Parsley添加错误列表。

Parsley.js发布，将类添加到表单字段的父级

1 个答案: