Cómo desactivar los mensajes de error de validación

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.

los fallos de validación mostrarán un texto y un icono debajo del campo con el motivo por el que ha fallado la validación

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.

este fragmento CSS desactivará los mensajes de error de validación para todos los formularios WPForms

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.