Home       Servicebereich  Projekte  Kontakt  

Grundlegender Aufbau von Formularen

siehe auch:
Formulargerüst

Alle Formulare werden werden grundsätzlich mit einem Bezeichner (dem name Attribut versehen. So lassen sich die einzelnen Formulare bzw. die Parameter im Formular im DOM direkt über Ihren Namen ansprechen. Die Adressierung einzelner Elemente über ihre Position im Formular sollte nur angewendet werden, wenn ein JavaScript Element über verschiedenste Elemente iteriert.

Default Parameter

  1. Session

    Bei einer Webapplikation ist häufig eine eindeutige Identifizierung des Request mit Hilfe einer Session notwendig. Hierbei sollte die Session Kennun wenn mäglich mit Hilfe von GET oder POST Parametern übermittelt werden. Der Einsatz von Cookies sollte nur für eine längere Speicherung von einzelnen Werte über mehrere Sessions hinweg in Betracht gezogen werden. Cookies sollten daher in der Regel nur für den Benutzer Komfort eingesetzt werden.
    Jedes Formular definiert einen Paramter, der die Session-ID übermittelt per hidden field.

  2. Navigationsparameter

    siehe auch:
    Requestverarbeitung

    Je nach Aufbau der Webapplikation ist ein Navigationsparamter notwendig. Eine Applikation, die eine zentrale Komponente definiert, die grundsätzlich erst einmal alle Requests erhält benötigt diesen Paramter. Generell sollte die Applikation gemäß diesem Grundprinzip aufgebaut werden. Die Interne Verarbeitung sollte einem MVC ähnlichem Muster folgen.
    Als Navigationsparamter sollten die Namen CA (current action) für das nächste Verarbeitungsmodul und CP für die nächste zu generierende Seite gewählt werden.

  3. Submit

    Beim Abschicken des Formulars kann per JavaScript eine einfache Prüfung der abgeschickten Werte stattfinden. Hier sollte ein modulares Verfahren wie MultiValidate zum Einsatz kommen.
    Daneben können hier auch je nach gedrücktem Button die Navigationskomponente (CA) auf den jeweils notwendigen Wert gesetzt werden.

    
        <form action="engine.php" name="jumpNext" method="post">
        <input type="hidden" name="CA" value="default">
        ...
    
        <input type="submit" onSubmit="document.forms['jumpNext'].CA.value='other'">
        <input type="submit">
    
        </form>
    
        


< zurück  | weiter >