如何在联系表格 7 上添加必填属性？答案

【问题标题】：How to add required attribute on contact form 7?如何在联系表格 7 上添加必填属性？
【发布时间】：2020-07-19 18:07:55
【问题描述】：

我想在联系表单上另外添加必需的属性。

Screenshots

<textarea name="your-message" required="required" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" id="your-message" aria-required="true" aria-invalid="false"></textarea>

如何在后端表单中进行操作？

[textarea* your-message id:your-message] <label for="your-message">Message</label>

请帮帮我。

谢谢

【问题讨论】：

标签： contact-form contact-form-7

【解决方案1】：

如果您尝试将 html5 required 属性添加到 Contact Form 7 中的表单标记。您可以过滤表单内容并将其包含在内。但是，由于表单提交是 ajax，除非您也禁用它，否则它不会真正做任何事情。

您可以使用钩子wpcf7_form_elements 过滤输出并进行查找/替换。

通过查找name="your-field-name"，您可以指定输入/文本区域标签与包装表单标签的跨度。

<?php
// Filter Form Elements
// Include in your child theme/theme's functions.php
add_filter( 'wpcf7_form_elements', 'dd_wpcf7_form_elements_replace' );
function dd_wpcf7_form_elements_replace( $content ) {
    // $name == Form Tag Name [textarea* your-message] 
    $name = 'name="your-message"';
    $str_pos = strpos( $content, $name );
    if (false !== $str_pos) {
        $content = substr_replace( $content, ' required="required" ', $str_pos, 0 );
    }
    return $content;
}

上面会输出。

<textarea required="required" name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea>

【讨论】：

【解决方案2】：

应该这样做：

<label> Your Message (required) [text* your-message] </label>

【讨论】：

感谢您的回复。我不必在标签中添加必需的属性。我想在文本区域内。
抱歉 - 理解您想要实现的目标并不容易。能说清楚吗？
我必须在 textarea 中实现 required="required" 属性。如何在 textarea 部分添加后端表单以获得 html 的最终结果？ [textarea* your-message id:your-message]
Required 由这个符号添加，asterix - * - 所以你的例子实际上回答了这个问题。那就是如果我理解正确的话。
同意，但我想在文本中单独添加。我该怎么办？