Cómo Desactivar Mensajes de Error de Validación

Descripción general

¿Desea deshabilitar los mensajes de error de validación pero mantener 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 algo de texto con un icono que explica el fallo de validación. Puede cambiar fácilmente el texto de estas comprobaciones de validación en 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, puede ocultar fácilmente el texto y el icono que se muestran cuando no se completa un campo obligatorio, pero aún así permitir que el campo se resalte en rojo, proporcionando una representación visual del error. En este tutorial, le mostraremos el CSS necesario para deshabilitar estos mensajes.

Añadir el fragmento

Para deshabilitar este texto de error, simplemente copie y pegue este fragmento de CSS en su sitio.

Si necesita ayuda sobre cómo y dónde añadir fragmentos de CSS a su sitio, por favor revise 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 deshabilitará 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 envió, pero el mensaje de error y el icono ya no serán visibles.

Si quisiera dirigirse solo a un formulario, usaría 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 el ID de su propio formulario. Si necesita ayuda para encontrar el ID de su formulario, por favor vea este tutorial.

¡Y eso es todo lo que necesita para deshabilitar los mensajes de error de validación! ¿Le gustaría también cambiar el icono de campo obligatorio que se muestra en sus formularios? Consulte nuestro tutorial sobre Cómo cambiar el indicador de campo obligatorio.