Visión general
¿Desea desactivar los mensajes de error de validación pero conservar la representación visual del error?
Por defecto, cuando un campo falla la validación en un formulario, verá un borde alrededor del campo pero también algún texto con un icono explicando el fallo de validación. Puede cambiar fácilmente el texto de estos chequeos de validación dentro de la configuración de WPForms. Para más información sobre cómo cambiar este texto, por favor revise esta útil guía.
Con un pequeño fragmento de CSS, puedes ocultar fácilmente el texto y el icono que aparecen cuando no se completa un campo obligatorio, pero permitiendo que el campo se resalte en rojo para ofrecer una representación visual del error. En este tutorial, le mostraremos el CSS necesario para desactivar estos mensajes.
Añadir el fragmento
Para desactivar este texto de error, simplemente copia y pega este fragmento CSS en tu sitio.
Si necesitas ayuda sobre cómo y dónde añadir fragmentos CSS a tu sitio, consulta esta útil guía.
/* Disable form validation error messages */ /* @link https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ */ .wpforms-field-required ~ em, input.wpforms-error ~ em { display: none !important; } .wpforms-field-required ~ em, input.wpforms-error ~ em { display: none !important; }
Este CSS desactivará todos los mensajes de error de validación dentro de WPForms para todos los formularios. Todavía habrá un borde rojo alrededor del campo que proporciona una guía visual de por qué el formulario no se presentó, pero el mensaje de error y el icono ya no será visible.
Si sólo quiere apuntar a un formulario, utilice este CSS.
/* Disable form validation error messages */ /* @link https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ */ .wpforms-field-required ~ em, input.wpforms-error ~ em { display: none !important; } form#wpforms-form-3602 .wpforms-field-required ~ em, form#wpforms-form-3602 input.wpforms-error ~ em { display: none; }
Simplemente cambie el -3602 en el CSS para que coincida con su propio ID de formulario. Si necesitas ayuda para encontrar tu ID de formulario, consulta este tutorial.
Y eso es todo lo que necesita para desactivar los mensajes de error de validación. ¿Quieres cambiar también el icono de campo obligatorio que aparece en tus formularios? Echa un vistazo a nuestro tutorial sobre Cómo cambiar el indicador de campo obligatorio.