Formular per Javascript verschicken


<script language="JavaScript" type="text/javascript">

In diesem Beispiel wird das Formular nicht per HTML verschickt sondern mit einem Javascript Befehl. Dadurch hat man die Möglichkeit vor dem Verschicken diverse Kontrollstrukturen unterzubringen oder Bedingungen abzufragen. Man könnte so auch ein Formular programmieren, welches durch Anklicken verschiedener Buttons, die Eingaben an jeweils eine andere Adressen schickt. Oder die Auswahl eines Radiobuttons bestimmt die Adresse, an die das Formular verschickt wird.

Ich habe hier nicht die Standardbuttons type="submit" und type="reset" verwendet sondern type="button" und beiden einen onclick Event mit Funktionsaufruf zugewiesen.

HTML

<form name="form1" method="post">
<input type="text" name="eingab" id="eingab">
<input type="button" value="Senden" onclick="senden()">
<input type="button" value="Reset" onclick="resetForm()">
</form>

Javascript

<script>
function senden(){
window.documents.forms[0].submit();
}
function resetForm(){
window.documents.forms[0].reset();
}

window.documents.forms[0].action = "http://www.on-design.de/formulaAbhol.php";
</script>

Man sieht, die Javascript Methoden submit() und reset() und außerdem wird auch action per Javascript zugewiesen. Der Zugriff auf das form Element über window.documents.forms[0] bedeutet es ist das erste Formular auf Seite. Mehr Möglichkeiten des Zugriffs auf HTML Elemente mit Javascript unter DOM.

 


 

Javascript Tipps