Estoy usando el complemento Contact Form 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 errores tipográficos. Este es un elemento muy común en los formularios de contacto y registro.
¿Hay una etiqueta de Contact Form 7 que se pueda usar para implementar este tipo de funcionalidad? Si no es así, ¿alguien que haya modificado el complemento para hacer esto puede orientarme en la dirección de una solución?
El complemento ahora tiene un tutorial oficial para esto:
http://contactform7.com/2015/03/28/validación-personalizada/
Mira esto: http://wordpress.org/plugins/checkmail-validation-for-contact-form-7/
Según ellos:
Checkmail Validation for Contact Form 7 agregue el campo de correo electrónico de verificación doble a su formulario y verifique la coincidencia del correo electrónico con la validación CF7 Ajax.
Doble verificación de correo electrónico
Este complemento agrega un nuevo campo en el Formulario de contacto 7 llamado “Checkmail” que permite realizar una doble verificació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 se realiza mediante el estilo basado en CF7 Ajax: al enviar el formulario, CF7 realizará la verificación doble del correo electrónico, si no coincide, devuelve un error y solicita a los usuarios que verifiquen las direcciones de correo electrónico.
Estaba buscando exactamente esto y funcionó de otra manera para mí bien. Haga dos campos como a continuación en el formulario de contacto-7 campos ..
[email* email placeholder "Email"]
[email* email-confirm placeholder "Confirm Email"]
Copie/pegue el siguiente código php en su 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 del 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: Formulario de contacto 7 Verificar correo electrónico
intente agregar dos entradas de correo electrónico, luego escriba un pequeño guión en su pie de página para verificar si son iguales.
– Constantino
23 de abril de 2012 a las 14:39
– Constantino
23 de abril de 2012 a las 14:45