Проверка формы javascript woocommerce при добавлении в корзину перед добавлением в корзину

Question

У меня есть пользовательская страница, которая отображает продукт с вариациями, пользовательское поле и кнопка «Добавить в корзину» Мне нужно вызвать некоторую проверку в javascript при нажатии кнопки «Добавить в корзину», но если форма не проверяется, то добавить в корзину невозможно.

Я хотел бы знать, возможно ли достичь.

Сначала я попытался сделать, как объяснено здесь: WooCommerce добавить в корзину проверки: запретить добавить в корзину

Он отлично работает, и я хотел бы иметь возможность использовать этот код, но для меня это не может быть, потому что: - Я использую пользовательскую страницу, а не обычную страницу продукта WooCommerce - Это означает, что после проверки я перенаправлен на стандартную страницу woocommerce, которая пуста

Вот почему мне действительно нужно использовать Javascript для выполнения этого: - функция javascript или jquery, запускаемая по нажатию кнопки «Добавить в корзину» - тогда функция проверяет все в порядке - если да, то товар можно добавить в корзину - если нет, отображается предупреждение, и пользователь остается на той же странице, ничего не добавляется в корзину.

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

Большое спасибо.

Answer 1

Пожалуйста, попробуйте так:

function so_validate_add_cart_item( $passed, $product_id, $quantity, $variation_id = '', $variations= '' ) {
<script>
  jQuery(function($){
       jQuery(document).on('click', '.single_add_to_cart_button', function (e) {
            e.preventDefault();
            // your validation here
       });  
    });
</script>
}
 add_filter( 'woocommerce_add_to_cart_validation', 'so_validate_add_cart_item', 10, 5 );