HTMLButtonElement: reportValidity() Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Dezember 2018.
Die reportValidity()
-Methode des HTMLButtonElement
-Interfaces führt dieselben Gültigkeitsprüfungen durch wie die checkValidity()
-Methode. Zusätzlich zeigt der Browser, wenn das invalid
-Ereignis nicht abgebrochen wird, dem Benutzer das Problem an.
Syntax
reportValidity()
Parameter
Keine.
Rückgabewert
Gibt true
zurück, wenn der Wert des Elements keine Gültigkeitsprobleme hat; andernfalls gibt er false
zurück.
Beispiele
Dieses weit hergeholte Beispiel demonstriert, wie ein Button ungültig gemacht werden kann.
HTML
Wir erstellen ein Formular, das nur ein paar Buttons enthält:
CSS
Wir fügen ein wenig CSS hinzu, einschließlich :valid
und :invalid
Styles für unseren Button:
JavaScript
Wir fügen eine Funktion hinzu, um den Wert, den Inhalt und die Validierungsnachricht des Beispiel-Buttons zu wechseln:
Ergebnisse
Der Button ist standardmäßig gültig. Aktivieren Sie "DIESER BUTTON", um den Wert, den Inhalt zu ändern und eine benutzerdefinierte Fehlermeldung hinzuzufügen. Das Aktivieren des "reportValidity()" Buttons prüft die Gültigkeit des Buttons, meldet die benutzerdefinierte Fehlermeldung dem Benutzer und löst ein invalid
-Ereignis aus, wenn der Button aufgrund der Nachricht die Einschränkungsvalidierung nicht besteht.
Spezifikationen
Specification |
---|
HTML> # dom-cva-reportvalidity-dev> |
Browser-Kompatibilität
Loading…