Mit JavaScript Formulardaten validieren?

Wissensdurst

Hallo,

ich würde gerne mit JavaScript eine Funktion schreiben, die sofort, wenn der Cursor aus dem Formularfeld springt (bzw. wenn der Senden-Button gedrückt wird) prüft, ob das eine gültige Eingabe ist, z.B. ob ein "." statt eines "," bei Zahleneingaben verwendet wurde oder ob eine eMailadresse im richtigen Format eingetragen wurde.

Hätte da jemand eine Idee?

Danke schon mal im Voraus!

hi,

probiers mal so. In OnSubmit rufst du die Funktion zum Validieren auf und lässt diese true (wenn erfolgreich) bzw. false (wenn Daten im Formular falsch sind) zurückgeben. Wichtig ist, dass onsubmit den Rückgabewert der Funktion erhält. Ist diese false wird das Formular nicht verschickt und die Eingabe kann neu bearbeitet werden.

<script type="text/javascript">

  // Funktion testet die Eingaben vor dem Verschicken
  function ValidateForm()
  {
    // Eingabefeld überprüfen
    if (document.KontaktForm.Name.value  == "")
    {
      alert("Bitte tragen Sie einen gültigen Namen ein!");

      // Fokus auf betreffendes Feld setzen
      document.KontaktForm.Name.focus();
      return false;
    }

    // alles okay
    return true;
  }

</script>

<form name="KontaktForm" method="POST" onsubmit="return ValidateForm();">
  <input type="text" name="Name" value="" size="25">
</form>

Viel Spass

Reyx

Denke aber immer daran, dass du die Informationen immer noch Serverseitig ein zweites Mal parsen und validieren musst!