如何将HTML5“必需”属性添加到woocommerce_form_field

问题描述

我目前正在以WordPress主题在WooCommerce注册页面上工作，并为用户添加了一个接受条款和条件的钩子-请参阅添加的PHP代码。

HTML5为输入字段提供了超级有用的功能，该功能是在标记中添加“ required”，新的浏览器将自动提示警告。我已经设法对所有其他输入字段执行此操作，但是我无法修改此特定的PHP数组以输出具有<input>属性的'required'标记。

HTML输出需要如下所示：

<input required type="checkbox" class="input-checkbox woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="privacy_policy_reg" id="privacy_policy_reg" value="1">

但是，目前基于以下PHP代码生成的输出是：

<input type="checkbox" class="input-checkbox woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="privacy_policy_reg" id="privacy_policy_reg" value="1">

注意：该钩子已经进行了PHP验证检查，但是仅在按下注册按钮之后才进行，而HTML5检查则立即生效。不过，如果某些浏览器无法读取HTML5检查，我想保留PHP验证检查。

有人可以帮助我如何修改PHP数组代码以使标记包含'required'属性吗？

非常感谢您的帮助！

最好， 大卫

// CREATE CHECKBOX AND LABEL

add_action( 'woocommerce_register_form','bbloomer_add_registration_privacy_policy',11 );
   
function bbloomer_add_registration_privacy_policy() {
 
woocommerce_form_field( 'privacy_policy_reg',array(
   'type'          => 'checkbox','class'         => array('form-row privacy'),'label_class'   => array('woocommerce-form__label woocommerce-form__label-for-checkbox checkbox'),'input_class'   => array('woocommerce-form__input woocommerce-form__input-checkbox input-checkbox'),'required'      => true,'label'         => 'I\'ve read and accept the <a href="/privacy-policy">Privacy Policy</a>',));
  
}
  
// SHOW ERROR AFTER CLICKING SUBMIT BUTTON IF USER HAS NOT CHECKED CHECKBOX
   
add_filter( 'woocommerce_registration_errors','bbloomer_validate_privacy_registration',10,3 );
  
function bbloomer_validate_privacy_registration( $errors,$username,$email ) {
if ( ! is_checkout() ) {
    if ( ! (int) isset( $_POST['privacy_policy_reg'] ) ) {
        $errors->add( 'privacy_policy_reg_error',__( 'Privacy Policy consent is required!','woocommerce' ) );
    }
}
return $errors;
}

---

更新

1. 根据此处的其他问题：How can i make custom field value required ( compulsory ) in woocommerce product page when adding product我已经（失败）尝试过：

'custom_attributes' => array( 'required' => 'required' ),

1. 根据建议，我已经尝试过：

required => "required"

required => "required"

解决方法

如果您实际上想将<input..更改为<input required..，则可以添加woocommerce_form_field_checkbox过滤器挂钩。

事实是HTML code is created

（此代码是从wc-template-functions.php第2799行复制的）

<input type="' . esc_attr( $args['type'] ) . '" class="input-checkbox ' . esc_attr( implode( ' ',$args['input_class'] ) ) . '" name="' . esc_attr( $key ) . '" id="' . esc_attr( $args['id'] ) . '" value="1" ' . checked( $value,1,false ) . ' /> ' . $args['label'] . $required . '</label>';

存在用于向现有$args添加参数但不向HTML本身添加额外HTML代码的选项

---

因此，如果将下面的代码添加到现有代码中，则可以选择调整HTML的{​​{1}}输出

• str_replace-用替换字符串替换所有出现的搜索字符串

$field

---

相关：How should I change the woocommerce_form_field HTML Structure?