HTML hat uns in den letzten Jahren jede Menge Formularvalidierungs-Funktionen beschert. Dave Rupert weist auf die UX-Probleme damit hin.
Wenn Sie jemals mit der HTML5-Formularvalidierung experimentiert haben, sind Sie wahrscheinlich enttäuscht worden. Die Standarderfahrung ist nicht ganz das, was Sie sich wünschen. Das Hinzufügen des Attributs
requiredzu Eingabefeldern funktioniert wunderbar. Allerdings ist der Styling-Teil mitinput:invalidziemlich schlecht, da leere Eingabefelder den Zustand:invalidauslösen, noch bevor der Benutzer mit der Seite interagiert hat.
Glücklicherweise gibt es ein invalid DOM-Ereignis, das zum richtigen Zeitpunkt ausgelöst wird: wenn das Formular abgeschickt wird. Denken Sie daran, dass dies keine super breite Browserunterstützung bietet. Wenn Sie diese benötigen, schauen Sie sich Polyfills an. Ich stelle mir vor, die Zukunft der Formularvalidierung liegt entweder darin, dass HTML/CSS eine bessere und besser kontrollierbare Benutzererfahrung bietet, oder in diesem Ansatz.