我使用 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>
但是如何在我的输入中添加无效的类来重新定位它无效?
我使用filter wpcf7_form_elements
删除span - 我有自定义复选框字段( :before
元素),我有 css input[type="checkbox"]:checked + label {my-css}
当我有span元素时,它会像这样渲染:
<span>
<input type="checkbox">
</span>
<label>test</label>
所以我不能使用css输入标签{}
知道我该怎么办?