时间戳

首页 > 解决方案 > 联系表格 7 更改表格标签输出

wordpress - 联系表格 7 更改表格标签输出

问题描述

我正在尝试将 contactform7 表单的输出从

<form action="/#wpcf7-f583-p294-o1" method="post" class="wpcf7-form">

到

<form action="/#wpcf7-f583-p294-o1" method="post" class="small-12 column wpcf7-form" novalidate data-abide>

因此我添加了一些钩子

add_filter('wpcf7_form_class_attr', function($html_class) { return 'small-12 column ' . $html_class; }); // adds respsonsive classes to the form-tag
add_filter('wpcf7_form_novalidate', function($support_html5) { return true; }); // adds novalidate-attr to the form-tag

所以我唯一缺少的是数据属性。是否有任何钩子或任何想法，如何到达那里，而不触及核心文件？

我从第 297 行开始在 /contact-form-7/includes/contact-form.php 中找到了魔力

/* Generating Form HTML */
public function form_html( $args = '' ) { // ...

然后，从第 409 行开始

$enctype = apply_filters( 'wpcf7_form_enctype', '' );
        ...

        $atts = array(
            'action' => esc_url( $url ),
            'method' => 'post',
            'class' => $class,
            'enctype' => wpcf7_enctype_value( $enctype ),
            'autocomplete' => $autocomplete,
            'novalidate' => $novalidate ? 'novalidate' : '',
        );

        ...
        $atts = wpcf7_format_atts( $atts );

        $html .= sprintf( '<form data-abide %s>', $atts ) . "\n";
        ...

        $html .= '</form>';
        $html .= '</div>';

所以：将我的值推送到 form_html 函数中的 atts 数组将是我的解决方案。但老实说，我不知道如何-

先感谢您！

标签： wordpresscontact-form-7

解决方案

使用 jQuery。如果我正确阅读了您的问题...您正在尝试添加类small-12并column...删除novalidate并添加data-abide？

jQuery('#wpcf7-f583-p294-o1 form').addClass('small-12 column').removeAttr('novalidate').attr('data-abide', true);

推荐阅读