Блог

Я использую библиотеку проверки jQuery для проверки того, что оба ввода пароля имеют одинаковое значение. Мой код написан ниже.

 $(".woocommerce-ResetPassword").validate({
    onfocusout: false,
    onkeyup: false,
    rules: {
        password_2: {
            equalTo: "#password_1"
        }
    },
    messages: {
        password_2: "<div class='woocommerce-password-strength bad'>Passwords do not match</div>"
    },
    submitHandler: function(form) {
    return true;
    }
});
  

Я хочу выполнить jQuery код для добавления a class в an element при появлении уведомления password_2 .

Я хочу изменить эту часть кода, добавив скрипт jQuery внутри сообщений: {} но приведенный ниже код не работает. Вы можете видеть, что я добавил $(".woocommerce-form-row--last").addClass("notif-triggered");

 messages: {
    password_2: "<div class='woocommerce-password-strength bad'>Passwords do not match</div>"
    $(".woocommerce-form-row--last").addClass("notif-triggered");
},
  

Любая помощь приветствуется. Спасибо.

Вы не говорите нам, но я предполагаю, что вы используете библиотеку проверки, связанную здесь.

Вы должны иметь возможность добавлять функциональность в invalidHandler , например, что-то вроде этого:

 $(".woocommerce-ResetPassword").validate({
    onfocusout: false,
    onkeyup: false,
    rules: {
        password_2: {
            equalTo: "#password_1"
        }
    },
    messages: {
        password_2: "<div class='woocommerce-password-strength bad'>Passwords do not match</div>"
    },
    submitHandler: function(form) {
       $(".woocommerce-form-row--last").removeClass("notif-triggered");
       return true;
    },
    invalidHandler: function(event, validator) {
       $(".woocommerce-form-row--last").addClass("notif-triggered");
    }
});