Question

我想使用自定义样式的复选框和带有Contact form 7插件的复选标记，但“必需”的html属性似乎不适用于此插件。

此刻我的代码如下：

<input class="form__checkbox-input" type="checkbox" name="privaatsuspoliitika" id="the-terms" required>

是否可以不使用接受复选框/默认复选框将其设置为必需？我不希望插件为我生成复选框html，因为它还添加了span和label标签（这使我的自定义复选框无法正常工作），而且我不认为只有选项可以添加带有复选框类型的输入：/。

Answer 1

您需要使用以下代码在功能文件中添加JavaScript代码。

function mycustom_wp_footer() {
  ?>
  <script type="text/javascript">
    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
        if(!jQuery(".form__checkbox-input").is(":checked")) 
        {
           // Add your logic here
        }
    }, false );
</script>
<?php
}

希望它会对您有所帮助。

设置联系表7添加需要的自定义复选框

1 个答案: