Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Winkili" data-source="post: 1828535" data-attributes="member: 493156">Liebe PSD&#039;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 <img src="/styles/default/xenforo/smilies/biggrin.gif"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" />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() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // NOT valid&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (destination.val().length &lt; 4) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#destinationValidateStatus&#039;).remove();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; destination.after(&#039;&lt;span class=&quot;error&quot; id=&quot;destinationValidateStatus&quot;&gt;Der Zielort muss mindestens 4 Zeichen lang sein.&lt;/span&gt;&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // IS Valid&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#destinationValidateStatus&#039;).remove();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; destination.after(&#039;&lt;span class=&quot;ok&quot; id=&quot;destinationValidateStatus&quot;&gt;Gültiger Zielort.&lt;/span&gt;&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }[/PHP]Für jedes zu prüfende Element wurde eine separate Funktion angelegt. Diese wird bei &#039;focusOut&#039;, einem &#039;keyUp&#039; und am Schluss mitsamt aller anderen Funktionen ausgeführt.[PHP]destination.blur(validateDestination);destination.keyup(validateDestination);// ... form.submit(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if( validateDeparture() &amp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; validateDestination() &amp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; validateDate() &amp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; validateDepartureTime() &amp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; validateDepartureName()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; )&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert(&quot;Formular wurde abgesendet.&quot;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });[/PHP]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</blockquote>

[QUOTE="Winkili, post: 1828535, member: 493156"] 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 :D 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('Der Zielort muss mindestens 4 Zeichen lang sein.'); return false; } // IS Valid else { $('#destinationValidateStatus').remove(); destination.after('Gültiger Zielort.'); return true; } }[/PHP]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. [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; } }); [/PHP]Es funktioniert, keine Frage. Vielleicht jedoch hat der eine oder andere JavaScript-Profi einen tollen Tipp parat, wie es noch feiner geht - vielen Dank. [I]Liebe Grüße, Winkili[/I] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?