Сделать контактную форму 7 Добавить пользовательский флажок

Question

Я хочу использовать пользовательский стиль и флажок с плагином Contact form 7, но атрибут «required» 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
}

Надеюсь, это поможет вам.