HTML5, Input-Types, Form-Validierung und WordPress

Dass HTML5 ein paar neue input-types definiert, habe ich durch die hcard-input-brainstorming so am Rande auf geschnappt, mir aber nichts weiter dabei gedacht… Durch Zufall bin ich heute aber über folgenden Tweet von Sylvia Egger gestoßen: Just implemented native #HTML5 form validation on #wp comments form – it' quite simple & should be in #wp default theme und habe bissle recherchiert… Mit den neuen Input-Types ist es doch tatsächlich möglich Input-Felder über den Browser validieren zu lassen… Ich bin begeistert! 🙂 Trägt man beispielsweise eine Nicht-Email-Adresse in folgendes Feld… Code-Sprache: HTML, XML (xml) bekommt man… Schön wenn man sich noch über solche Kleinigkeiten freuen kann oder 😉 Lange rede kurzer Sinn: Da WordPress alle Formulare an zentraler Stelle definiert, ist es ziemlich einfach sie mit ein paar neuen Input-Types zu versehen. Mit dem folgenden Code wird das Kommentar-Formular mit den Typen "email" und "url" und das Suchformular mit dem Typ "search" (funktioniert nur in den WebKit-Browsern) erweitert: Code-Update: Eric Eggert hat mich in den Kommentaren darauf hingewiesen, dass man mit auch noch die Pflichtfelder validieren kann. Danke! Code-Update 2: Dank maxe werden jetzt auch die WordPress Settings berücksichtigt (Comment author must fill out name and e-mail) und das "Comment"-Feld ist natürlich auch required Code-Sprache: HTML, XML (xml) Funktioniert als Plugin und in Child-Themes (einfach in die functions.php kopieren). Danke auch an Marc Görtz der mich über Twitter reichlich mit Links zu dem Thema versorgt hat: A Form of Madness (den hab ich selber gefunden) HTML5 Pattern Fallback jQuery Validator Testen könnt ihr das übrigens hier auf notiz.blog.