Formular Eingabeüberprüfung mit alerts

[elpoire]

Moin liebe Leute!
Ich würde gerne, dass ein HTML-Formular auf korrekten Inhalt der Eingabefelder überprüft wird.

Das ist mir auch gelungen, allerdings wird bei Schliessen des alerts das Formular gesendet bzw. die Seite mit dem Formular verlassen.
Wie kann ich es realisieren, dass nach Schliessen des alerts nichts weiter passiert, außer dass der Fokus auf das entsprechende Feld gesetzt wird?

LG!

    <script>
        var elem = document.getElementById('Senden');
        elem.addEventListener('click', chkFormular);

        function chkFormular() {
            var chk = false;
            while (chk == false) {
                if (document.Formular.Vorname.value == "") {
                    alert("Bitte Ihren Vornamen eingeben!");
                   document.Formular.Vorname.focus();
                    return false;
                }

                if (document.Formular.Nachname.value == "") {
                    alert("Bitte Ihren Nachnamen eingeben!");
                    document.Formular.Nachname.focus();
                    return false;
                }

                if (document.Formular.Email.value == "") {
                    alert("Bitte Ihre Email-Adresse eingeben!");
                    document.Formular.Email.focus();
                    return false;
                }

                if (document.Formular.Nachricht.value == "") {
                    alert("Bitte Ihre Nachricht eingeben!");
                    document.Formular.Nachricht.focus();
                    return false;

                } else {
                    return true;
                }
            }
        }
    </script>

 

[andreax]

Wenn du nur Überprüfen willst ob ein Feld ausgefüllt wurde
bist du mit HTML5 besser bedient. und auch eine E-mail Valitierung ist schon enthalten
das Attribut das du setzen musst heißt required . und für email den typ email vergeben.

<form>

 <input type="text" name="vorname" required >
<input type="text" name="nachname" required >
<input type="email" name="email" required >

</form>

 

[miniA4kuser]

document.getElementById('Senden') ist wohl dein Submit-Button. Du musst das aber auf dein Formular mittels onsubmit machen, siehe w3schools...JavaScript Form Validation