문의 양식 7: '확인 이메일' 입력 유형이 있습니까?

문의 양식 7: '확인 이메일' 입력 유형이 있습니까?

Contact Form 7 Wordpress 플러그인을 사용하여 웹 사이트에 연락처 양식을 추가하고 있습니다.양식에는 사용자의 이메일 주소에 대한 두 번째 필드가 있어야 하며, 첫 번째 필드의 내용과 비교하여 오타를 탐지할 수 있습니다.이것은 연락처 및 등록 양식의 매우 일반적인 요소입니다.

이러한 유형의 기능을 구현하기 위해 사용할 수 있는 Contact Form 7 태그가 있습니까?그렇지 않은 경우, 플러그 인을 수정하여 솔루션 방향을 제시해 줄 수 있는 사람이 있습니까?

이제 플러그인은 이에 대한 공식 튜토리얼을 제공합니다.

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

http://wordpress.org/plugins/checkmail-validation-for-contact-form-7/ 를 확인해 주세요.

그들의 말에 따르면:

Checkmail Validation for Contact Form 7(연락처 폼 7의 체크 메일 검증)을 양식에 추가하여 이메일이 CF7 Ajax 검증과 일치하는지 확인합니다.

이중 전자 메일 체크 이 플러그인은 양식을 제출할 때 이중 전자 메일 체크를 수행할 수 있는 "Checkmail"이라는 새 필드를 연락처 양식 7에 추가합니다.새 필드는 두 번째 필드에 전자 메일을 입력하여 사용자에게 확인하도록 요청합니다.

양식에서 이 작업을 수행하려면 CF7 양식에 "Checkmail" 필드를 추가하고 확인할 이메일 필드 이름을 입력하면 됩니다.검증은 CF7 Ajax-powered 스타일로 이루어집니다.폼을 송신하면 CF7은 2회 이메일 체크를 실시합니다.일치하지 않을 경우 반환 에러가 발생하여 사용자에게 이메일 주소 확인을 요구합니다.

정확히 이걸 검색하다가 다른 방법으로 잘 처리했어요.연락처 양식 7 필드에 아래와 같은 두 개의 필드를 만듭니다.

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

아래 php 코드를 당신의 함수에 복사/붙여넣습니다.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 이메일 확인

언급URL : https://stackoverflow.com/questions/6255367/contact-form-7-is-there-a-confirm-e-mail-input-type