Formulardaten Prüfen
als Präsentation ▻Im Kapitel über Formulare haben Sie gelernt, wie Sie mit Javascript die Daten eines Webformulars prüfen können bevor das Formular abgesendet wird.
Das Submit-Event des Formulars wird nun in der jQuery Schreibweise
behandelt, der boolsche Rückgabewert bleibt in der Bedeutung gleich:
return false
verhindert das Absenden des Formulars.
TODO: jquery entfernen
$("form").submit(function(){ // ... return ok; });
Der Wert eines Eingabefeldes kann mit der jQuery Methode val()
ausgelesen
werden:
$("input[name=schokolade]").val() // ein Wert
Das fertige Programm zeigt die Fehlermeldungen jeweils beim betroffenen Eingabefeld an:
$("form").submit(function(){ var ok = true; $("span.error").remove(); gesamt_zahl = parseInt( $("input[name=schokolade]").val() ) + parseInt( $("input[name=schweinsbraten]").val() ) + parseInt( \$("input[name=kaffee]").val() ); if(gesamt_zahl == 0) { \$('form').before( '<span class="error">Mindest-Bestellmenge 1!</span>' ); ok = false; } $i = $("input[name=adresse]"); if($i.val() == "") { $i.after('<span class="error">Lieferadresse angeben</span>'); ok = false; } return ok; });