¿Le gustaría verificar que los usuarios ingresan la misma información en dos campos diferentes? Aunque WPForms incluye confirmación por correo electrónico, puede extender esta funcionalidad a otros tipos de campos como Teléfono, Dirección o cualquier otro campo donde 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 nuevo formulario o edite uno existente. Para este ejemplo, crearemos un formulario con dos campos Teléfono para demostrar la validación por comparación de campos. El primer campo recogerá el número de teléfono, y el segundo campo será para la confirmación.
Si necesita ayuda para crear un nuevo formulario, consulte nuestra guía sobre la creación de su primer formulario.
Añadir el fragmento de código
A continuación, tendrá que añadir el fragmento de código que gestiona la validación de comparación de campos. Si no estás seguro de dónde añadir código personalizado a tu sitio, consulta nuestra guía sobre cómo añadir código personalizado.
El siguiente fragmento comparará dos campos Teléfono y mostrará un mensaje de error si no coinciden:
Tendrás que personalizar tres valores clave del código:
- En línea 10reemplazar
1000con su ID de formulario - En línea 15reemplazar
3con su primer ID del campo Teléfono - En línea 18reemplazar
4con su segundo ID del campo Teléfono
Si necesita ayuda para encontrar los ID de sus formularios y campos, consulte nuestra guía sobre cómo encontrar los ID de formularios y campos.
Y ya está. Mediante el uso de comparaciones de campos, puede asegurarse de que se verifican los datos que se introducen en sus formularios. ¿Le gustaría mostrar condicionalmente el botón Enviar? Eche un vistazo a nuestro tutorial sobre Cómo mostrar condicionalmente el botón Enviar.