Question

我正在使用Jörn的jQuery验证 - 您可以通过downloading it here查看完整代码。

我遇到了一些问题，因为我对Javascript并不完全熟悉。

以下是我的HTML

的示例

<div class="field">
    <label for="myInput">My Input</label>
    <input id="myInput" name="myInput" type="text" />

    <span class="helptext">
        This is some help text for My Input...
    </span>
</div>

基本上，对于表单的每个“部分”重复上述HTML。 .helptext通过CSS隐藏，除非父div具有.error 类。

例如： <div class="field error">

以下是我认为是验证插件的相关代码 - 如何将错误类添加到父div.field？

defaults: {
    messages: {},
    groups: {},
    rules: {},
    errorClass: "error",
    validClass: "valid",
    errorElement: "span.helptext",
    focusInvalid: true,
    errorContainer: $( ["div.field"] ),
    errorLabelContainer: $( [] ),
    onsubmit: true,
    ignore: [],
    ignoreTitle: false,
    ...

Answer 1

您可以使用highlight / unhighlight处理程序添加/删除类，如下所示：

highlight: function(element, errorClass, validClass) {

    $(element).parent('.field').addClass(errorClass).removeClass(validClass);

},

unhighlight: function(element, errorClass, validClass) {

    $(element).parent('.field').removeClass(errorClass).addClass(validClass);

}

希望这有帮助，d。

jquery表单验证 - 父类容器的错误类

1 个答案: