如何勾选buy_on_company时将Woocommerce结账页billing_name设为非必填

解决方案 #

你需要同时调整前端交互逻辑和后端校验逻辑，仅前端隐藏字段无法跳过WooCommerce默认的后端必填校验： #

1. 修改前端JS代码

替换你现有的hook_javascript函数代码，在切换字段显隐的同时修改required属性，移除前端必填校验：

function hook_javascript() {
  ?>
  <script>
        const buyOnCompanyCheckbox = document.getElementById('buy_on_company');
        const billingNameField = document.getElementById('billing_name');
        // 页面加载时先判断一次复选框状态，避免刷新后状态不同步
        updateBillingNameRequired();
        buyOnCompanyCheckbox.onclick = updateBillingNameRequired;
        
        function updateBillingNameRequired() {
            if (buyOnCompanyCheckbox.checked) {
                billingNameField.style.display = 'none';
                // 移除必填相关属性
                billingNameField.removeAttribute('required');
                billingNameField.removeAttribute('aria-required');
                // 移除WooCommerce默认必填样式类
                billingNameField.parentElement.classList.remove('validate-required');
            } else {
                billingNameField.style.display = 'block';
                // 恢复必填相关属性
                billingNameField.setAttribute('required', 'required');
                billingNameField.setAttribute('aria-required', 'true');
                // 恢复必填样式类
                billingNameField.parentElement.classList.add('validate-required');
            }
        }
  </script>
  <?php
}
add_action( 'woocommerce_after_checkout_form', 'hook_javascript' );

2. 新增后端校验逻辑

在你现有PHP代码基础上新增以下钩子，动态调整字段必填属性，避免提交时后端校验报错：

add_filter( 'woocommerce_checkout_fields', 'dynamic_set_billing_name_required', 99999 );
function dynamic_set_billing_name_required( $fields ) {
    // 判断用户是否勾选了公司购买选项
    if ( !empty($_POST['buy_on_company']) ) {
        $fields['billing']['billing_name']['required'] = false;
    }
    return $fields;
}

// 额外添加校验跳过规则，避免特殊场景下的校验报错
add_action( 'woocommerce_after_checkout_validation', 'skip_billing_name_validation_for_company_purchase', 10, 2 );
function skip_billing_name_validation_for_company_purchase( $data, $errors ) {
    if ( !empty($data['buy_on_company']) ) {
        // 移除billing_name相关的报错
        $errors->remove( 'billing_name_required' );
    }
}

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