Als Programmierer muss man ständig mitdenken, was die späteren Nutzer eines Scriptes denn alles so eingeben werden und wie man Fehlern vorbeugen kann. Ein gutes Beispiel hierfür sind Formulare. Ob Pflichfelder übersehen, ins E-Mail Feld nur Text rein schreiben, zu langen Inhalt oder ähnliche Probleme: Alles muss vom Programmierer schon im vorhinein abgefangen werden. Hierbei sollte man entweder sofort nach der Eingabe im input-Feld oder spätestens beim Senden des Formulares eine Meldung geben, dass bestimmte Fehler aufgetreten sind und das Formular so noch nicht gesendet werden kann. Will man nun nach dem Senden per PHP eine Meldung ausgeben, sind meist alle Felder wieder leer, wenn man nicht im vorhinein die Value-Attribute wieder mit dem passenden per GET- oder POST- übergebenen Inhalten gefüllt hat (Wobei es bei Input-Feldern noch weitaus einfacher geht als bei Select-Auswahlboxen :D).

Eine sehr schöne Alternative bietet ja Java Script mit den bekannten alert-Meldungen. Man fragt schnell per Java Script ab, ob die Felder passend ausgefüllt wurden und wenn der Nutzer des Scriptes dann noch Fehler in den Eingaben hat und versucht den Submit-Button zu klicken, wird einfach die alert-Box geöffnet. Ein großer Vorteil ist hierbei, dass die Felderinhalte bleiben wie sie sind, und nicht erst die Fehlermeldungen durch neuladen zu sehen sind (Wenn Ajax nicht gerade genutzt wird). Nachteile sind auf jeden Fall das hässliche Aussehen der Meldung und die eingeschränkten Einstellungsmöglichkeiten. Zum Beispiel kann man den Titel der Meldung nicht anpassen und auch HTML Code wird in der Box nicht umgesetzt – Schade eigentlich!

Aber ich habe etwas passendes dazu beim Naden gesehen :). Er hat ein kleines Script geschrieben, was es erlaubt den Style der Alert-Box nach dem eigenen Belieben mit CSS anzupassen. Somit ist es ganz einfach HTML zu benutzen um z.B. den Text zu zentrieren oder der Box einen eigenen Titel zu geben – Der Effekt der bleibenden Formdaten wird dadurch nicht gestört. Als kleines Beispiel habe ich euch mal die Meldung von oben umgestylt:

Je nachdem wie kreativ man ist, kann man die Ecken abrunden, mit den Farben rumspielen und einiges mehr. Auch der Button “Akzeptieren” kann in “OK”, “Verstanden” oder andere Namen umbenannt werden – Cool! ;). Wer jetzt Lust bekommen hat bei den eigenen Formularen auch die selbst angepasste alert-Box zu benutzen und gerade ehe auf den Pizzaservice wartet, kann sich bei der Demo die verschiedenen Einsatzparameter ansehen oder sich das kleine Script sofort mal downloaden.

Was nutzt ihr zum Überprüfen von eure Formularen, die normale PHP-Abfrage, Ajax, eine alert-Box oder eine ganz andere Methode?

Tweet