Noch nicht viel geschrieben
Liebe PSD'ler,
momentan bin ich dabei ein Formular mittels JavaScript zu validieren. Dabei wollte ich - was die Validierung angeht wegen dem Lernerfolg - alles vorerst in nativem JavaScript schreiben. Mit zuhilfenahme ein, zwei kleiner jQuery Funktionen.
jQuery Plugins zur Validierung kommen später sicherlich auch noch an die Reihe
Nun stehe ich jedoch vor folgendem Problem: Die Validierung und Fehlerausgabe funktioniert eigentlich schon recht gut, fühlen sich für mich aber nicht richtig an. Es riecht mehr nach Spaghetti als toller modularer Prüfung.
Mein aktueller Code schaut wie folgt aus.
Für jedes zu prüfende Element wurde eine separate Funktion angelegt. Diese wird bei 'focusOut', einem 'keyUp' und am Schluss mitsamt aller anderen Funktionen ausgeführt.
Es funktioniert, keine Frage. Vielleicht jedoch hat der eine oder andere JavaScript-Profi einen tollen Tipp parat, wie es noch feiner geht - vielen Dank.
Liebe Grüße,
Winkili
momentan bin ich dabei ein Formular mittels JavaScript zu validieren. Dabei wollte ich - was die Validierung angeht wegen dem Lernerfolg - alles vorerst in nativem JavaScript schreiben. Mit zuhilfenahme ein, zwei kleiner jQuery Funktionen.
jQuery Plugins zur Validierung kommen später sicherlich auch noch an die Reihe
Nun stehe ich jedoch vor folgendem Problem: Die Validierung und Fehlerausgabe funktioniert eigentlich schon recht gut, fühlen sich für mich aber nicht richtig an. Es riecht mehr nach Spaghetti als toller modularer Prüfung.
Mein aktueller Code schaut wie folgt aus.
PHP:
function validateDestination() {
// NOT valid
if (destination.val().length < 4) {
$('#destinationValidateStatus').remove();
destination.after('<span class="error" id="destinationValidateStatus">Der Zielort muss mindestens 4 Zeichen lang sein.</span>');
return false;
}
// IS Valid
else {
$('#destinationValidateStatus').remove();
destination.after('<span class="ok" id="destinationValidateStatus">Gültiger Zielort.</span>');
return true;
}
}
PHP:
destination.blur(validateDestination);
destination.keyup(validateDestination);
// ...
form.submit(function() {
if( validateDeparture() &
validateDestination() &
validateDate() &
validateDepartureTime() &
validateDepartureName()
)
{
alert("Formular wurde abgesendet.")
return true;
}
else {
return false;
}
});
Liebe Grüße,
Winkili