/var/pub/chris_svenja_blog

Christian 17. August 2009

Soeben habe ich ein JavaScript programmiert, welches dynamisch Formulare auswertet und überprüft. Ziel des Ganzen ist es, damit viel Programmierarbeit einzusparen, da nicht für jedes Formular ein einzelnes Skript geschrieben werden muss.

Ich möchte damit die ganzen verschiedenen Formulareingaben in phpMyCMS dynamisch überprüfen.

Die Verwendung ist ganz einfach: statt eines Submit-Buttons wird ein “einfacher” Button verwendet – dieser enthält einen Aufruf mit diversen Parametern. Der erste Parameter (und unbedingt dieser!) enthält den Namen des Formulars, die anderen (optionalen) Parameter enthalten die Namen der zu überprüfenden Felder. Ein Beispiel:

<input ... onclick="javascript:checkElements('test', 'titel', 'autor')" />

Das Skript überprüft dann die Felder und färbt nicht ausgefüllte Felder rot ein, sodass der Benutzer den Fehler gleich erkennt.

Das Ganze funktioniert zuverlässig. In einer zweiten Version will ich noch eine Unterstützung für Radio-Buttons, Checkboxen, etc. implementieren. Dies wird wohl eine Richtlinie für die Namensvergebung von Formularelementen mit sich führen. Ich denke da an Prefixes und werde wohl folgende verwenden:

• - chk_ für Checkboxen
• - rad_ für Radiobuttons
• - sel_ für Select-Felder

Das Ganze sieht folgendermaßen aus:

checkForm v.0.1 in Aktion

Den Quellcode der vorläufigen phpMyCMS JavaScript-Funktionen mit dieser Funktion gibt es hier im SpongedPaste, ein Beispiel ist hier ebenfalls im Spongedpaste einsehbar.

Tags: Projekte

• Programmieren , Systemhelden-relevant , phpMyCMS
• 2 Kommentare