如何在 woocommerce 结帐页面上显示单个错误

【问题标题】：How to show individual error on woocommerce checkout page如何在 woocommerce 结帐页面上显示单个错误
【发布时间】：2019-08-20 12:32:56
【问题描述】：

Woocommerce checkout page error messages image

目前 woocommerce 显示如上图所示的错误。我想要每个输入框下方的单独错误消息，如下图所示。请帮忙。

Expected output image

【问题讨论】：

试试这个链接，它肯定会帮助你，stackoverflow.com/a/33794083/2940521
@user2940521 感谢您的回复，我已经检查了您提供的上述链接，但它只会更改错误消息的位置，我希望在每个单独的输入框下方显示错误消息。
您需要删除 woocommerce 的默认验证并添加您的自定义验证。此外，您需要自定义 form-billing.php 模板以适应自定义错误区域。

标签： php wordpress woocommerce

【解决方案1】：

你需要添加 PHP sn-p 和 css。

add_filter( 'woocommerce_form_field', 'checkout_fields_in_label_error', 10, 4 );

function checkout_fields_in_label_error( $field, $key, $args, $value ) {
   if ( strpos( $field, '</span>' ) !== false && $args['required'] ) {
      $error = '<span class="error" style="display:none">';
      $error .= sprintf( __( '%s is a required field.', 'woocommerce' ), $args['label'] );
      $error .= '</span>';
      $field = substr_replace( $field, $error, strpos( $field, '</span>' ), 0);
   }
   return $field;
}

CSS：

.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
   color: #e2401c;
   display: block !important;
   font-weight: bold;
}

【讨论】：

woocoomerce 目前没有将此类添加到错误字段中：(