Resumen de IA
¿Desea verificar que los usuarios introduzcan la misma información en dos campos diferentes? Aunque WPForms incluye confirmación de correo electrónico integrada, puede extender esta funcionalidad a otros tipos de campos como Teléfono, Dirección o cualquier otro campo en el que necesite confirmar la entrada del usuario.
Esta guía le mostrará cómo implementar la validación de comparación de campos utilizando un simple fragmento de código.
Configuración del formulario
Para empezar, cree un formulario nuevo o edite uno existente. Para este ejemplo, crearemos un formulario con dos campos de Teléfono para demostrar la validación de comparación de campos. El primer campo recopilará el número de teléfono y el segundo campo será para confirmación.
Si necesita ayuda para crear un formulario nuevo, revise nuestra guía sobre cómo crear su primer formulario.
Añadir el fragmento de código
A continuación, deberá añadir el fragmento de código que maneja la validación de comparación de campos. Si no está seguro de dónde añadir código personalizado en su sitio, consulte nuestra guía sobre cómo añadir código personalizado.
El siguiente fragmento comparará dos campos de Teléfono y mostrará un mensaje de error si no coinciden:
Deberá personalizar tres valores clave en el código:
- En la línea 10, reemplace
1000con el ID de su formulario - En la línea 15, reemplace
3con el ID de su primer campo de Teléfono - En la línea 18, reemplace
4con el ID de su segundo campo de Teléfono
Si necesita ayuda para encontrar los IDs de sus formularios y campos, consulte nuestra guía sobre cómo encontrar los IDs de formularios y campos.
¡Y eso es todo! Al usar comparaciones de campos, puede asegurarse de que los datos que se introducen en sus formularios se verifican. ¿Desea mostrar condicionalmente el botón de Enviar? Eche un vistazo a nuestro tutorial sobre Cómo mostrar condicionalmente el botón de Enviar.