WooCommerce пользовательская проверка не работает

Question

В настоящее время я пытаюсь сделать вторую (первую) проверку заказа. Для этой работы мне нужно запретить стандартную проверку кассы WooCommerce. Раньше я делал это с помощью множества форм, но на этот раз триггер не реагирует.

Что я ожидаю:

Когда пользователь нажимает кнопку «Разместить заказ», стандартная проверка оформления заказа WooCommerce не должна запускаться, и браузер предупреждает мой текст.

Что происходит:

Когда я нажимаю кнопку, я не вижу никакого текста / предупреждения.

Мой код:

jQuery(document).ready(function () {

    var checkoutForm = document.querySelector('.woocommerce-checkout');
    var postcode = jQuery('#billing_postcode', checkoutForm);

    if (checkoutForm != null) {
        checkoutFormValidation(checkoutForm, postcode);
    }
});

function checkoutFormValidation(checkoutForm, postcode) {

    var checkoutButton = checkoutForm.querySelector('button[type="submit"]');

    checkoutButton.addEventListener('click', function (e) {

        e.preventDefault();
        alert("Clicked!");
    });
}

Я все проверил, и файл включен в кассу. Так что понятия не имею, почему это не работает.

Answer 1

Я нашел решение.Проблема в том, что существует другая функция проверки, которая запускается по умолчанию.Поэтому, если вы хотите просто добавить пользовательскую проверку без потери проверки WooCommerce, вы не можете сделать это так, как я пытался.Поэтому решение состоит в том, чтобы использовать функцию проверки WooCommerce:

jQuery(document.body).on("checkout_error", function () {
    alert("Clicked!");
});