Übersicht
Möchten Sie Fehlermeldungen bei der Validierung deaktivieren, aber dennoch die visuelle Darstellung des Fehlers beibehalten?
Wenn ein Feld die Validierung in einem Formular nicht besteht, wird standardmäßig ein Rahmen um das Feld herum angezeigt, aber auch ein Text mit einem Symbol, das den Validierungsfehler erklärt. Sie können den Text dieser Validierungsprüfungen in den WPForms-Einstellungen leicht ändern. Weitere Informationen zum Ändern dieses Textes finden Sie in dieser hilfreichen Anleitung.
Mit einem kleinen CSS-Snippet können Sie ganz einfach den Text und das Symbol ausblenden, die angezeigt werden, wenn ein erforderliches Feld nicht ausgefüllt wurde, aber immer noch zulassen, dass das Feld rot hervorgehoben wird, um eine visuelle Darstellung des Fehlers zu ermöglichen. In diesem Tutorial zeigen wir Ihnen das CSS, das Sie benötigen, um diese Meldungen zu deaktivieren.
Hinzufügen des Snippets
Um diesen Fehlertext zu deaktivieren, kopieren Sie einfach dieses CSS-Snippet und fügen es 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 wird alle Validierungsfehlermeldungen innerhalb von WPForms für alle Formulare deaktivieren. Es wird immer noch eine rote Umrandung um das Feld, die eine visuelle Anleitung, warum das Formular nicht senden, aber die Fehlermeldung und Symbol wird nicht mehr sichtbar sein.
Wenn Sie nur ein Formular anvisieren 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 zu erhalten. Wenn Sie Hilfe bei der Suche nach Ihrer Formular-ID benötigen, lesen Sie bitte dieses Tutorial.
Und das ist alles, was Sie brauchen, um Fehlermeldungen bei der Gültigkeitsprüfung zu deaktivieren! Möchten Sie auch das Symbol für das erforderliche Feld ändern, das in Ihren Formularen angezeigt wird? Sehen Sie sich unser Tutorial zum Ändern des Symbols für erforderliche Felder an.