Контактная форма 7. Существует ли тип ввода «Подтверждение электронной почты»?

Question

Я использую плагин Contact Form 7 Wordpress для добавления контактных форм на веб-сайт.Форма должна иметь второе поле для адреса электронной почты пользователя, которое сравнивается с содержимым первого, чтобы поймать любые опечатки.Это очень распространенный элемент контактных и регистрационных форм.

Существует ли тег контактной формы 7, который можно использовать для реализации этого типа функций?Если нет, то может ли кто-нибудь, кто изменил плагин сделать это, указать мне направление решения?

Answer 1

Плагин теперь имеет официальное руководство для этого:

http://contactform7.com/2015/03/28/custom-validation/

Answer 2

Проверьте это: http://wordpress.org/plugins/checkmail-validation-for-contact-form-7/

Согласно им:

Проверка почтовой почты для контактной формы 7 добавьте поле электронной почты для двойной проверки в свою форму и проверьте соответствие электронной почты проверке Ajax CF7.

Двойной почтовый чек Этот плагин добавляет новое поле в контактную форму 7 под названием «Checkmail», которое позволяет выполнять двойную проверку электронной почты при отправке формы. Новое поле попросит пользователей подтвердить свою электронную почту, введя ее во второе поле.

Если вы хотите сделать это в своей форме, вам нужно всего лишь добавить поле «Checkmail» в форму CF7 и ввести имя поля электронной почты, которое вы хотите проверить. Проверка выполняется в стиле CF7 Ajax: при отправке формы CF7 выполняет двойную проверку электронной почты, если не совпадает, возвращает ошибку и просит пользователей проверить адреса электронной почты.

Answer 3

Я искал именно это, и у меня все заработало нормально. Создайте два поля, как показано ниже в полях контактной формы-7 ..

[email* email placeholder "Email"]
[email* email-confirm placeholder "Confirm Email"]

Скопируйте / вставьте приведенный ниже код php в файл functions.php

function register_scripts() {
  if ( !is_admin() ) {
    // include your script
    wp_enqueue_script( 'email-confirm', get_bloginfo( 'template_url' ) . '/js/email-confirm.js' );
  }
}
add_action( 'wp_enqueue_scripts', 'register_scripts' );

Обязательно измените путь к файлу, чтобы он соответствовал, и загрузите файл js с приведенным ниже кодом в этот путь.

    // First we trigger the form submit event
jQuery( document ).ready( function () {
    jQuery('.wpcf7-submit').click(function () {
        // We remove the error to avoid duplicate errors
        jQuery('.error').remove();
        // We create a variable to store our error message
        var errorMsg = jQuery('<span class="error">Your emails do not match.</span>');
        // Then we check our values to see if they match
        // If they do not match we display the error and we do not allow form to submit
        if (jQuery('.email').find('input').val() !== jQuery('.email-confirm').find('input').val()) {
            errorMsg.insertAfter(jQuery('.email-confirm').find('input'));
            return false;
        } else {
        // If they do match we remove the error and we submit the form
            jQuery('.error').remove();
            return true;
        }
    });
} );

Я использовал его на своем сайте и работает нормально. Надеюсь, это поможет любому, как я.

Ссылка: Контактная форма 7 Подтвердите адрес электронной почты