Eine Einführung in die WebTML-Formularvalidierung
Wir haben ein simples WebTML-Formular um ein Benutzerprofil zu befüllen. Es besitzt vier Felder: Ein Textfeld, ein numerisches Feld sowie zwei Datumsfelder:
Bevor die Daten dieses Formulars irgendwo gespeichert werden möchten wir einige Bedingungen für die Daten sicherstellen:
Nun stellt sich die Frage der Realisierung. Natürlich können wir diese Validierungen manuell in TMLScript programmieren, und zwar bevor wir ebenfalls per TMLScript die Formulardaten speichern. WebTML-Formulare verfügen jedoch über eigene, dedizierte Validierungsfunktionen die in vielen Belangen praktischer sind als der manuelle Weg.
<tml:form id="theForm" source="profile">
Name: <tml:input type="text" name="name"/><br>
Personal-Nr.: <tml:input type="number" name="persnr" format="0"/><br>
Dienstantritt: <tml:input type="date" name="start" format="dd.MM.yyyy"/><br>
Dienstende: <tml:input type="date" name="end" format="dd.MM.yyyy"/><br>
<tml:button clickaction="$store">Speichern</tml:button>
</tml:form>
Name: <tml:input type="text" name="name"/><br>
Personal-Nr.: <tml:input type="number" name="persnr" format="0"/><br>
Dienstantritt: <tml:input type="date" name="start" format="dd.MM.yyyy"/><br>
Dienstende: <tml:input type="date" name="end" format="dd.MM.yyyy"/><br>
<tml:button clickaction="$store">Speichern</tml:button>
</tml:form>
Bevor die Daten dieses Formulars irgendwo gespeichert werden möchten wir einige Bedingungen für die Daten sicherstellen:
- Wir möchten dass immer ein Name eingegeben wurde.
- Dasselbe wollen wir auch für die Personalnummer, die darüber hinaus natürlich numerisch sein soll
- Wir möchten naturgemäß dass ein Dienstantritts-Datum vor dem Dienstende-Datum liegt
Nun stellt sich die Frage der Realisierung. Natürlich können wir diese Validierungen manuell in TMLScript programmieren, und zwar bevor wir ebenfalls per TMLScript die Formulardaten speichern. WebTML-Formulare verfügen jedoch über eigene, dedizierte Validierungsfunktionen die in vielen Belangen praktischer sind als der manuelle Weg.