如何使用键盘输入密钥申请woocommerce优惠券代码?

时间:2016-01-20 21:29:17

标签: php jquery wordpress woocommerce

在后端,我添加了优惠券代码。如果我点击提交按钮,优惠券代码将适用。如何在移动设备和桌面设备上按回车键应用我的优惠券代码?有些用户将使用鼠标单击按钮而不是按Enter键。默认的woocommerce没有这个功能。我该如何运作?感谢

$("#inputbox").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        $(this).closest('input[type=submit]').click();
    }
});


<form id="testt" action="<?php echo esc_url( WC()->cart->get_cart_url() ); ?>" method="post">

            <?php do_action( 'woocommerce_before_cart_table' ); ?>

                <div class="coupon">

                    <?php if ( WC()->cart->coupons_enabled() ) { ?>

                    <span for="coupon_code"><?php _e( 'Coupon code:', 'woocommerce' ); ?></span> 

                    <div class="input-container">
                        <div class="form-row">
                            <input id="inputbox" class="input" type="text" name="coupon_code" value="" placeholder="<?php esc_attr_e( 'bebrave', 'woocommerce' ); ?>" /> 
                        </div>
                        <input type="submit" class="ds btn" name="apply_coupon" value="<?php esc_attr_e( 'Apply Coupon', 'woocommerce' ); ?>" />

                        <?php do_action( 'woocommerce_cart_coupon' ); ?>
                    </div>

                    <?php } ?>

                    <?php wc_print_notices(); ?>

                    <?php do_action( 'woocommerce_cart_actions' ); ?>

                    <?php wp_nonce_field( 'woocommerce-cart' ); ?>

                </div>

                <?php do_action( 'woocommerce_after_cart_contents' ); ?>

            <?php do_action( 'woocommerce_after_cart_table' ); ?>

            </form>

0 个答案:

没有答案