Hallo,
ich bin zur Zeit dabei ein Formular (Formmailer) zu erstellen. Wenn auf den "Submit" Button geklickt wird, soll vor dem Absenden eine Überprüfung der eingegebenen Formulardaten mit JavaScript stattfinden. Sind die Daten nicht vollständig bzw. korrekt, soll bei dem entprechendem Formularfeld eine Fehlermeldung erscheinen.
Leider habe ich große Probleme damit, dies mit JavaScript umzusetzen.
Ich habe mal einen Ausschnitt meines HTML-Codes bei gefügt.
So sieht das Formular standardmäßig aus:
<form name="form1" action="receive.php" method="post" onsubmit="return check();">
<div class="formtext"><label for="email">E-Mail:</label></div>
<div class="formfeld"><input id="email" class="text" name="email" type="text" maxlength="320"></div>
<div class="formtext"><label></label></div>
<div class="formfeld">
<input id="reset" name="reset" type="reset" value="Zurücksetzen">
<input id="submit" name="submit" type="submit" value="Absenden">
</div>
</form>
Alles anzeigen
So soll der Code aussehen, wenn das Eingabefeld fehlerhaft und nicht ausgefüllt wurde. Einzige Änderung ist das div-Element mit dem Atribut class="formfehler".
<form name="form1" action="receive.php" method="post" onsubmit="return check();">
<div class="formtext"><label for="email">E-Mail:</label></div>
<div class="formfeld"><input id="email" class="text" name="email" type="text" maxlength="320"></div>
<div class="formfehler">Bitte geben Sie eine gültige E-Mail-Adresse ein.</div>
<div class="formtext"><label></label></div>
<div class="formfeld">
<input id="reset" name="reset" type="reset" value="Zurücksetzen">
<input id="submit" name="submit" type="submit" value="Absenden">
</div>
</form>
Alles anzeigen
Hier ist mein bisheriges JavaScript:
function check ()
{
var state = true;
if (email == email.match(/.@./i))
{
}
else
{
document.all.email.insertAdjacentHTML("AfterEnd", "<div class=\"formfehler\">Bitte geben Sie eine gültige E-Mail-Adresse ein.</div>");
state = false;
}
return state;
}
Alles anzeigen
In die leere If Anweisung, müsste Code, der die Fehlermeldung, falls schon vorhanden wieder löscht, hierfür habe ich leider kein passendes Objekt bzw. keine passende Methode gefunden.
Könntet ihr mir für mein Problem Hilfestellung geben? Ich bin in JavaScript noch sehr unerfahren, ist mein Ansatz deshalb überhaupt sinnvoll.
Gruß
Tikonteroga
