JQuery валидатор, не может правильно установить имя класса для меток ошибок

Question

    var validator = $("#form1").validate({
        rules: {
            name: "required",
        },
        messages: {
            name: "Name Required",
        },
        submitHandler: mySubmitHandler,
        success: "valid",
        errorClass: "invalid"
    });

У меня есть код выше, чтобы добавить JQuery проверки в форме.

Проблема: Когда ввод недопустим, он добавляет класс «недопустимый» к метке ошибки. Затем, когда он действителен, он добавляет «действительный». но когда он недействителен после действительного, он не удаляет действительный класс.

1> недействителен - метка теперь имеет недопустимый класс

2> valid - метка теперь имеет класс 'valid valid *

3> invalid - метка теперь имеет класс 'valid valid *

мне не хватает какой-то реализации или как ее использовать?

Единственное, что я пытаюсь реализовать, это добавление изображения с меткой ошибки с помощью класса.

Answer 1

(после прочтения документации и поиска "errorClass" ...)

Попробуйте добавить опцию focusCleanup: true к вашему validate() методу; это должно удалить errorClass, поскольку поля ввода выбраны для редактирования.