如何解决如何将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;
}
更新
- 根据此处的其他问题:How can i make custom field value required ( compulsory ) in woocommerce product page when adding product我已经(失败)尝试过:
'custom_attributes' => array( 'required' => 'required' ),
- 根据建议,我已经尝试过:
required => "required" required => "required"
解决方法
如果您实际上想将<input..
更改为<input required..
,则可以添加woocommerce_form_field_checkbox
过滤器挂钩。
(此代码是从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?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。