在WooCommerce结帐时格式化帐单电话号码

j92 发表于 Dev

j92

对于WooCommerce结帐帐单字段，如何使该字段要求9个数字并插入破折号以正确设置电话格式？例如，不是在电话号码字段中输入3053453212，而是显示：（305-345-3212）

LoicTheAztec

基于“使用jquery格式化电话号码”答案代码，以下是格式化Woocommerce计费电话的方法：

add_action('wp_footer', 'format_checkout_billing_phone');
function format_checkout_billing_phone() {
    if ( is_checkout() && ! is_wc_endpoint_url() ) :
    ?>
    <script type="text/javascript">
    jQuery( function($){
        $('#billing_phone').on( 'input focusout', function() {
            var p = $(this).val();

            p = p.replace(/[^0-9]/g, '');
            p = p.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");
            $(this).val(p);
        });
    });
    </script>
    <?php
    endif;
}

代码进入您的活动子主题（或活动主题）的function.php文件中。经过测试和工作。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。