WooCommerce结账字段设为可选后未登录用户提交仍触发必填提示

我懂你遇到的糟心事——明明用woocommerce_default_address_fields把所有地址字段都设成可选了，结果未登录用户提交订单时还是弹出必填提示。这是因为WooCommerce对未登录场景的字段验证有额外逻辑，只改默认地址字段覆盖不全，试试下面这几个方案：

1. 单独覆盖账单和配送字段钩子 #

woocommerce_default_address_fields有时候没法完全覆盖未登录用户的账单/配送字段组，所以得单独针对这两个字段设置可选：

// 把账单字段全部设为可选
add_filter( 'woocommerce_billing_fields', 'custom_override_billing_fields' );
function custom_override_billing_fields( $fields ) {
    $target_fields = ['first_name', 'last_name', 'address_1', 'address_2', 'postcode', 'city'];
    foreach ( $target_fields as $field ) {
        $fields["billing_{$field}"]['required'] = false;
    }
    // 顺便清空地址占位符（如果需要的话）
    $fields['billing_address_1']['placeholder'] = '';
    $fields['billing_address_2']['placeholder'] = '';
    return $fields;
}

// 把配送字段全部设为可选
add_filter( 'woocommerce_shipping_fields', 'custom_override_shipping_fields' );
function custom_override_shipping_fields( $fields ) {
    $target_fields = ['first_name', 'last_name', 'address_1', 'address_2', 'postcode', 'city'];
    foreach ( $target_fields as $field ) {
        $fields["shipping_{$field}"]['required'] = false;
    }
    $fields['shipping_address_1']['placeholder'] = '';
    $fields['shipping_address_2']['placeholder'] = '';
    return $fields;
}

2. 移除前端HTML5必填属性 #

即使后端把字段设为可选，前端表单可能还保留了required属性，导致浏览器自带的验证弹窗。用这个钩子统一移除：

// 移除结账页面所有字段的HTML5 required标记
add_filter( 'woocommerce_form_field_args', 'remove_checkout_fields_required_attribute', 10, 3 );
function remove_checkout_fields_required_attribute( $args, $key, $value ) {
    // 只在结账页面生效，排除订单完成等端点页面
    if ( is_checkout() && ! is_wc_endpoint_url() ) {
        $args['required'] = false;
    }
    return $args;
}

3. 禁用WooCommerce自带的JS验证 #

WooCommerce自己的JS脚本也会做表单验证，加一段自定义JS来禁用：

// 添加JS禁用结账字段的JS验证
add_action( 'wp_footer', 'disable_checkout_field_validation' );
function disable_checkout_field_validation() {
    if ( is_checkout() && ! is_wc_endpoint_url() ) {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            // 移除WooCommerce的下单按钮验证绑定
            $(document.body).off('checkout_place_order');
            // 确保所有字段都去掉required属性
            $('.woocommerce-checkout input[required], .woocommerce-checkout select[required]').removeAttr('required');
        });
    </script>
    <?php
    }
}

把这些代码加到你的主题functions.php文件里，或者用自定义插件来加载，应该就能彻底解决未登录用户结账时的必填提示问题了。

内容的提问来源于stack exchange，提问作者LEELIN