Louis Lazaris erklärt einige echte CSS-Tricks von Jane. Der Pen zeigt Interaktivität, bei der
Von dort erscheint eine spezielle Nachricht …
Viele Benutzer erwarten heutzutage sofortiges Feedback bei der Formularvalidierung. Wie erreicht man dieses Interaktivitätsniveau, wenn man eine kleine statische Website oder eine serverseitig gerenderte Rails- oder Laravel-App erstellt? Alpine.js und Iodine.js sind zwei minimale JavaScript …
Es ist ziemlich nett, dass wir input:invalid {} in CSS verwenden können, um eine Eingabe zu stylen, wenn sie in einem ungültigen Zustand ist. Doch genau so verwendet, ist die UX ziemlich schlecht. Sagen wir, Sie haben <input type="text" required>. Das ist …
Formularvalidierung hat den Ruf, schwierig zu implementieren zu sein. In diesem Tutorial zerlegen wir die Dinge, um diesen Schmerz zu lindern. Das Erstellen schöner Abstraktionen für Formulare ist etwas, bei dem Vue.js hervorragend ist, und Vuelidate ist persönlich mein Favorit …
Ich habe gerade diese Diskussion auf Twitter mitbekommen, angestoßen von Dave.
…Ich (codiere ein Formular): <input id="zip" type="number">
Kleiner Teufel (erscheint auf meiner Schulter): Jaaa! Ich liebe den Optimismus, schick es raus!
Ich: Moment, was machst du hier? Wird das gehen
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 HTML5-Formularvalidierung experimentiert haben, waren Sie wahrscheinlich enttäuscht. Die Out-of-the-Box-Erfahrung
Wir haben gerade eine großartige Serie von Beiträgen von Chris Ferdinandi zur modernen Formularvalidierung abgeschlossen. Sie beginnt hier. Heutzutage verfügen Browser über eine ganze Reihe integrierter Tools zur Handhabung von Formularvalidierungen, einschließlich HTML-Attributen, die ziemlich viel …
In den letzten Artikeln dieser Reihe haben wir gelernt, wie man eine Handvoll Eingabetypen und Validierungsattribute verwendet, um Formulare nativ zu validieren.
Wir haben gelernt, wie man die Constraint Validation API verwendet, um die native Browser-Validierung zu verbessern …
Im letzten Artikel dieser Reihe haben wir ein leichtgewichtiges Skript (6 KB, 2,7 KB minifiziert) mithilfe der Validity State API erstellt, um die native Formularvalidierung zu verbessern. Es funktioniert in allen modernen Browsern und bietet Unterstützung für IE bis …
