LX: Script schreiben

Beitrag lesen

Hallo, spankyyy!

Wenn Du das Formular schon fertig hast, kannst Du bei den Feldern, in denen die Eingaben gemacht werden, nachträglich aussagekräftige IDs hinzufügen.

In JavaScript greift man nämlich am Einfachsten mit document.getElementById('id') auf solche Elemente zu (es gibt noch andere Möglichkeiten, aber es besteht kein Grund, sich mehr Arbeit zu machen als nötig).

Die Eingabe in Felder vom Typ "text" kann man mit element.value auslesen. Ob ein Feld vom Typ "checkbox" oder "radio" aktiv ist, verrät Dir element.checked - Selectboxen sind etwas komplizierter und sollten am Anfang eher vermieden werden, da es ohnehin nur wenige Fälle gibt, in denen sie anderen Interfaces überlegen sind.

Wenn Du den Wert aus einem Textfeld bekommst, solltest Du, wenn Du damit rechnen willst, erst prüfen, ob Du auch eine Zahl bekommen hast:

var wert = element.value * 1;
if (isNaN(wert)) { alert('Bitte nur Zahlen eingeben!'); return; }
...

Das mit den Berechnungen in JavaScript hast Du offensichtlich schon richtig erahnt. Jetzt der "Klebstoff", damit das Ganze innerhalb eines Formulars auch funktioniert: in dem form-Tag schreibst Du das Attribut onsubmit="return berechne();" und die Funktion "berechne" berechnet das Ergebnis, schreibt sie per .value oder .innerHTML in das entsprechende Element und gibt dann false zurück, um zu verhindern, dass das Formular abgeschickt wird.

Gruß, LX

--
RFC 1925, Satz 2: Egal, wie fest man schiebt, ganz gleich, wie hoch die Priorität ist, man kann die Lichtgeschwindigkeit nicht erhöhen.