✔ Textfeld anhand Wert Dropdownfeld prüfen

K

Korni85

Grünschnabel
Hallo Forum,

ich habe ein Kontakt-Formular erstellt, welches über JavaScript "funktion FormCheck ()" auf Eingaben vor dem Absenden geprüft wird.

Über folgenden Code lasse ich Textfelder auf Eingabe prüfen und eine Meldung ausgeben:
Code: 
if(document.Formular.name.value == "")
{
alert("Bitte geben Sie Ihren Namen ein.");
document.Formular.name.focus();
return false;
}

Über folgenden Code lasse ich das Eingabefeld E-Mail auf Gültigkeit prüfen:
Code: 
if(document.Formular.email.value == "")
{
alert("Bitte geben Sie Ihre eMail-Adresse ein.");
document.Formular.email.focus();
return false;
}
if(document.Formular.email.value.indexOf('@') == -1)
{
alert("Bitte geben Sie eine gültige E-Mail-Adresse ein (@).");
document.Formular.email.focus();
return false;
}
if(document.Formular.email.value.indexOf('.') == -1)
{
alert("Bitte geben Sie eine gültige E-Mail-Adresse ein (.).");
document.Formular.email.focus();
return false;
}
In einem Dropdownfeld innerhalb des Formulars ist die Standardauswahl (1) "Bitte wählen". Mit folgendem Code lasse ich prüfen, dass hier eine Auswahl getroffen wurde:
Code: 
if(document.Formular.dropdown.value == "1")
{
alert("Bitte treffen Sie eine Auswahl.");
document.Formular.dropdown.focus();
return false;
}

Wie kann ich prüfen lassen, wenn beim Dropdownfeld "2" ausgewählt ist ob in Textfeld "B" eine Eingabe gemacht wurde und wenn beim Dropdownfeld "3" ausgewählt wurde, ob im Textfeld "C" eine Eingabe vorhanden ist, usw.?

D.h. ich benötige bei einer bestimmten Auswahl im Dropdownfeld eine Eingabe in einem bestimmten Textfeld.

Ich hoffe ihr versteht meine Frage. Ich habe das jetzt schon über weitere if-Befehle versucht, jedoch ohne Erfolg.
Bin um jeden Tip dankbar! :)
 
Hi,

zunächst prüfst du, ob überhaupt eine Auswahl getroffen wurde. Ist das der Fall, wird getestet, welche Option bzw. welcher Wert gewählt wurde UND ob das zugehörige Textfeld gefüllt wurde. Ist das nicht der Fall, wird eine Meldung ausgegeben.
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function checkForm(){
  if(document.Formular.dropdown.options[document.Formular.dropdown.selectedIndex].value == "1"){
    alert("Bitte treffen Sie eine Auswahl.");
    document.Formular.dropdown.focus();
    return false;
  }else if((document.Formular.dropdown.options[document.Formular.dropdown.selectedIndex].value == "2")
           && (document.Formular.txtB.value == "")){
    alert("Bitte geben Sie in Textfeld B einen Wert ein.");
    document.Formular.txtB.focus();
    return false;
  }else if((document.Formular.dropdown.options[document.Formular.dropdown.selectedIndex].value == "3")
           && (document.Formular.txtC.value == "")){
    alert("Bitte geben Sie in Textfeld C einen Wert ein.");
    document.Formular.txtC.focus();
    return false;
  }
}
 //-->
</script>
</head>
<body>
<form name="Formular">
  <div>
    <select name="dropdown">
      <option value="1">- bitte wählen -</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </div>
  <div>
    <label>Textfeld B:</label><input type="text" name="txtB" value=""><br>
    <label>Textfeld C:</label><input type="text" name="txtC" value=""><br>
  </div>
  <div><input type="button" value="checkForm()" onclick="checkForm(); return false;"></div>
</form>
</body>
</html>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück