提问者:小点点

javascript wooCommerce表单验证上添加到购物车巴顿之前添加到购物车


我有一个自定义页面,显示带有变体的产品、自定义字段和“添加到购物车”按钮。单击AddtoCart按钮时,我需要在javascript中触发一些验证,但如果表单未验证,则无法执行AddtoCart。

我想知道这是否可能实现。

首先,我试着按照这里解释的那样做:WooCommerce添加到购物车验证:防止添加到购物车

它工作得很好,我希望能够使用此代码,但对我来说,这是因为:-我使用的是自定义页面,而不是通常的woocommerce产品页面-这意味着在验证后,我被重定向到标准的woocommerce页面,该页面为空

这就是为什么我真的需要使用Javascript来执行此操作的原因:-Javascript或jquery函数在“添加到购物车”单击时触发-然后该函数检查一切是否正常-如果是,则可以将产品添加到购物车-如果否,将显示警报,用户保持在同一页面上,没有添加到购物车。

我尽量说清楚。希望我能得到一些帮助。

多谢了。


共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 );