So deaktivieren Sie Validierungsfehlermeldungen

Übersicht

Möchten Sie Validierungsfehlermeldungen deaktivieren, aber die visuelle Darstellung des Fehlers beibehalten?

Standardmäßig sehen Sie, wenn ein Feld in einem Formular die Validierung nicht besteht, einen Rahmen um das Feld, aber auch Text mit einem Symbol, das den Validierungsfehler erklärt. Sie können den Text dieser Validierungsprüfungen einfach in den WPForms-Einstellungen ändern. Weitere Informationen zum Ändern dieses Textes finden Sie in diesem hilfreichen Leitfaden.

Mit einem kleinen CSS-Snippet können Sie ganz einfach den Text und das Symbol ausblenden, das angezeigt wird, wenn ein erforderliches Feld nicht ausgefüllt ist, aber das Feld weiterhin rot hervorgehoben werden, um eine visuelle Darstellung des Fehlers zu geben. In diesem Tutorial zeigen wir Ihnen das benötigte CSS, um diese Meldungen zu deaktivieren.

Hinzufügen des Snippets

Um diesen Fehlermeldungstext zu deaktivieren, kopieren Sie einfach diesen CSS-Snippet und fügen Sie ihn auf Ihrer Website ein.

Wenn Sie Hilfe benötigen, wie und wo Sie CSS-Snippets zu Ihrer Website hinzufügen können, lesen Sie bitte diesen hilfreichen Leitfaden.

/* 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;
}

Dieses CSS deaktiviert alle Validierungsfehlermeldungen innerhalb von WPForms für alle Formulare. Es wird weiterhin ein roter Rahmen um das Feld angezeigt, der einen visuellen Hinweis darauf gibt, warum das Formular nicht gesendet wurde, aber die Fehlermeldung und das Symbol sind nicht mehr sichtbar.

Wenn Sie nur ein Formular ansprechen möchten, würden Sie dieses CSS verwenden.

/* 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;
}

Ändern Sie einfach die -3602 im CSS, um Ihre eigene Formular-ID anzugeben. Wenn Sie Hilfe beim Auffinden Ihrer Formular-ID benötigen, sehen Sie sich dieses Tutorial an.

Und das ist alles, was Sie brauchen, um Validierungsfehlermeldungen zu deaktivieren! Möchten Sie auch das Symbol für erforderliche Felder ändern, das in Ihren Formularen angezeigt wird? Schauen Sie sich unser Tutorial So ändern Sie den Indikator für erforderliche Felder an.