Question

我使用 Wordpress 插件联系表单7到我的表单。如何调整错误类别以输入标签。

现在我有了

<div class="row">
<div class="group">
[email* email placeholder "e-mail *"]
</div>
</div>

<div class="_row">
<div class="group group--checkbox">
[acceptance accept1 id:accept1]<label for="accept1">Accept terms *</label>
</div>
</div>

[submit class:ipb-btn class:ipb-btn--primary-solid "Submit"]

这将我的输入包装到标签中，所以我使用了过滤器：

add_filter('wpcf7_form_elements', function($content) {

    $content = preg_replace('/<(span).*?class="\s*(?:.*\s)?wpcf7-form-control-wrap(?:\s[^"]+)?\s*"[^\>]*>(.*)<\/\1>/i', '\2', $content);

    return $content;
});

我的联系表单现在呈现这样的HTML：

<div class="row">
<div class="group">
<input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="e-mail *">
</div>
</div>
<div class="row">
<div class="group group--checkbox">
<input type="checkbox" name="accept1" value="1" class="wpcf7-form-control wpcf7-acceptance " id="accept1" aria-invalid="false"><label for="accept1">Accept terms *</label>
</div>
</div>
<input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit"><span class="ajax-loader"></span>
<div class="wpcf7-response-output wpcf7-display-none"></div>

但是如何在我的输入中添加无效的类来重新定位它无效？

我使用过滤器wpcf7_form_elements删除范围 - 我有自定义复选框字段（:before元素）我有 css input[type="checkbox"]:checked + label {my-css}

当我有span元素时，它会像这样呈现：

<span>
<input type="checkbox">
</span>
<label>test</label>

所以我不能使用css input + label {}

知道我该怎么办？

联系表单7 Wordpress验证错误类修改

0 个答案: