2011-06-06 15 views
6

Estoy usando el complemento Formulario de contacto 7 Wordpress para agregar formularios de contacto a un sitio web. El formulario debe tener un segundo campo para la dirección de correo electrónico del usuario, que se compara con el contenido del primero para detectar cualquier error tipográfico. Este es un elemento muy común de los formularios de contacto y registro.Formulario de contacto 7: ¿Hay un tipo de entrada 'Confirmar correo electrónico'?

¿Existe una etiqueta Contact Form 7 que se pueda utilizar para implementar este tipo de funcionalidad? Si no, ¿alguien que haya modificado el complemento para hacer esto, me indicará una solución?

+0

intenta agregar dos entradas de correo electrónico, a continuación, escribir una pequeña alforja en el pie de página para comprobar si son la mismo. – Constantin

+0

Constantin

Respuesta

4

comprobar éste hacia fuera: http://wordpress.org/plugins/checkmail-validation-for-contact-form-7/

Según ellos:

CheckMail Validación de Formulario de contacto 7 añadir el campo de comprobación de correo electrónico a su doble forma y verificar partido de correo electrónico con la validación CF7 Ajax.

cheque doble de correo electrónico Este plugin añade un nuevo campo en el Formulario de contacto 7 llamado "CheckMail" que permiten hacer una doble comprobación de correo electrónico al enviar el formulario. El nuevo campo pedirá a los usuarios que confirmen su correo electrónico escribiéndolo en un segundo campo.

Si desea hacer esto en su formulario, solo tiene que agregar el campo "Checkmail" en el formulario CF7 e ingresar el nombre del campo de correo electrónico que desea verificar. La validación es realizada por el estilo CF7 Ajax: al enviar el formulario CF7, se realizará una doble verificación por correo electrónico; si no coincide, se devuelve el error y se solicita a los usuarios que verifiquen las direcciones de correo electrónico.

3

Estaba buscando exactamente esto y lo hice funcionar de otra manera para mí bien. Hacer dos campos, como a continuación en el formulario de contacto-7 campos ..

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

copiar/pegar el código php a continuación en el archivo 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'); 

asegúrese de cambiar la ruta de archivo para que coincida y cargue un archivo js con el siguiente código en ese directorio de ruta.

// 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; 
     } 
    }); 
}); 

Lo he usado en mi sitio y funciona bien. Espero que esto ayude a alguien como yo.

Referencia: Contact Form 7 Verify Email

Cuestiones relacionadas