将 WooCommerce 结帐字段的字符更改为大写

Question

如何将 WooCommerce 结帐字段的字符更改为大写？我已经通过 CSS （文本转换）对其进行了更改，但它仅在前端将字母更改为大写。当客户将小写字符写入字段时，它会以小写形式发送到系统。字段 ID 为“billing_company_wi_vat”。如有任何建议，我将不胜感激。

我在网上找到了类似的东西，但是我不知道怎么用。

var upper = text.toUpperCase();

Answer 1

function wc_checkout_alter_field_input() {
    if (is_checkout()):
        if (!wp_script_is('jquery', 'done')) {
            wp_enqueue_script('jquery');
        }
        wp_add_inline_script('wc-checkout', 'jQuery(document).ready(function($){ $("#billing_company_wi_vat").keyup(function() { this.value = this.value.toUpperCase();});});');
    endif;
}

add_action('wp_enqueue_scripts', 'wc_checkout_alter_field_input');

将此添加到您的活动主题 functions.php 文件中。函数 wp_add_inline_script 允许向已注册的脚本添加额外的代码。 wc-checkout-js 将由 WooCommerce 在结帐页面中呈现。所以我们可以通过那个 ID 添加一些额外的 JS wc-checkout

将 WooCommerce 结帐字段的字符更改为大写

Change characters of checkout field in WooCommerce to UPPERCASE

woocommerce

field

hook-woocommerce

checkout

uppercase