JavaScript - Formulare automatisch prüfen

Formulare nach ihrem Typ überprüfen

Um eine allgemeingültige Funktion zu bekommen, werden die Formularfelder nicht wie bisher mit ihrem Namen, sondern mit ihrer Typ-Eigenschaft angesprochen.

Beispiel1: Formulare automatisch prüfen

<form methode="post" action="" onsubmit="return pruefeFormular(this);">

<script type="text/javascript">

function pruefeFormular(f) {

for (var i = 0; i < f.elements.length; i++) {

var formularElement = f.elements[i];

switch (formularElement.type) {

case "text":

case "password":

case "textarea":

if (formularElement.value == "") {

return false;

}

break;

case "select-one":

if (formularElement.value == "" || formularElement.selectedIndex == -1) {

return false;

}

break;

case "checkbox":

if (!formularElement.checked) {

return false;

}

break;

case "select-multiple":

if (formularElement.selectedIndex == -1) {

return false;

}

break;

case "radio":

var gruppenname = formularElement.name;

var gruppe = f.elements[gruppenname];

var ok = false;

for (var j = 0; j < gruppe.length; j++) {

if (gruppe[j].checked) {

ok = true;

}

}

if (!ok) {

return false;

}

break;

}

}

}

</script>

Formular zur Registrierung:

Benutzername:

Passwort:

Geschlecht: weiblich    männlich

Land:

Interessen:

Kommentar:

Ich akzeptiere die AGB

zurück