Java Script Formular Check

morrers

Hallo ich habe folgendes Script zum überprüfen eines Formulars welches soweit auch funktioniert:

PHP

<html>
<head><title>Formulare mit Javascript</title>
<script type="text/javascript">
function checkForm() {
  var strFehler='';
  if (document.forms[0].name.value=="") 
    strFehler += "Feld Name ist leer\n";
  if (document.forms[0].plz.value.length<5) 
    strFehler += "Feld PLZ ist nicht korrekt ausgef¸llt\n";
  if (!validEmail(document.forms[0].email.value)) {
    strFehler += "In der E-Mail-Adresse steckt der Wurm drin!\n";
  }

  if (strFehler.length>0) {
    alert("Festgestellte Probleme: \n\n"+strFehler);
    return(false);
  }
}
function validEmail(email) {
  var strReg = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";
  var regex = new RegExp(strReg);
  return(regex.test(email)); 
}
</script>
</head>
<body>
<form action='anmelden.php' onsubmit='return checkForm()'>
<h1>Newsletter-Anmeldung</h1>
<p>Name <input name='name'/></p>
<p>PLZ <input name='plz'/></p>
<p>Email-Adresse <input name='email'/></p>
<p>Anreise <select name='anreise'><option value='1'>1</option><option value='2'>2</option></p>
<p>Abreise <select name='abreise'><option value='1'>1</option><option value='2'>2</option></p>




<p><input type='submit' value='Absenden'/></p>
</form>
</body>
</html>

Alles anzeigen

Jetzt habe ich aber ein Problem, ich möchte wissen ob Anreise vor der Abreise gewählt wurde und entsprechend eine Meldung ausgeben lassen.

Für Hilfe wäre ich sehr dankbar

Gruß
Morrers

Bandit

Klick mich

Pion

@bandit600 was soll der Link ich versteh gerade nicht so ganz was es mit seiner Frage zu tun hat (soll nichts böses sein , frag mich nur)

morrers versteh dich nicht ganz, es wird ja immer mindestens ein abreise bzw eine anreise ausgewählt

Lösung:

Du gibts deinen Selects ids zb id='abreise'
mit
document.getElementById('abreise');
document.getElementById('abreise').selectedIndex;
;

etc kannst ja dann drauf zu greifen

mfg

Bandit

Zitat von Pion

@bandit600 was soll der Link ich versteh gerade nicht so ganz was es mit seiner Frage zu tun hat

Verstehe ich auch nicht mehr, habe wohl die Frage zu schnell überflogen. Mein Fehler, sorry.

driver

nene, der link passt schon. er will das abreisedatum mit dem anreisedatum vergleichen,
falls beide gleichzeitig eingegeben werden. und dazu wird eben eine vergleichsfunktion
von zwei datums in js benötigt. deshalb der link

Pion

aja bandit600 hat altsheimer

Ein grund mehr deine Links zu erklären bandit:P

driver, morrers
Naja ich verstehs net ganz , anreisedatum etc wird doch nirgents eingetragen ???

Edit ah nun verstanden, Lösung in Arbeit bitte kurz warten

mfg

Bandit

<p>Anreise <select name='anreise'><option value='1'>1</option><option value='2'>2</option></p>
<p>Abreise <select name='abreise'><option value='1'>1</option><option value='2'>2</option></p>

Da ist weit und breit kein Datum.

driver

außerdem fehlt das </select>

ich würd mal drauf tippen, dass man das datum zusammensetzen kann aus
3 boxen wo jeweils tag, monat und jahr drin steht...

Pion

Willst du sowas?

HTML

<html>
<head><title>Formulare mit Javascript</title>
<script type="text/javascript">
function checkForm() {


  var strFehler='';
  if (document.forms[0].name.value=="") 
    strFehler += "Feld Name ist leer\n";
  if (document.forms[0].plz.value.length<5) 
    strFehler += "Feld PLZ ist nicht korrekt ausgef¸llt\n";
  if (!validEmail(document.forms[0].email.value)) {
    strFehler += "In der E-Mail-Adresse steckt der Wurm drin!\n";
  }

    if(document.forms[0].abreise.selectedIndex < document.forms[0].anreise.selectedIndex)
    {
       strFehler += "Fehler bei Abreise/Anreise!\n";

    }
  if (strFehler.length>0) {
    alert("Festgestellte Probleme: \n\n"+strFehler);
    return(false);
  }
}
function validEmail(email) {
  var strReg = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";
  var regex = new RegExp(strReg);
  return(regex.test(email)); 
}
</script>
</head>
<body>
<form action='anmelden.php' onsubmit='return checkForm()'>
<h1>Newsletter-Anmeldung</h1>
<p>Name <input name='name'/></p>
<p>PLZ <input name='plz'/></p>
<p>Email-Adresse <input name='email'/></p>
<p>Anreise <select name='anreise'><option value='1'>1</option><option value='2'>2</option></select></p>
<p>Abreise <select name='abreise'><option value='1'>1</option><option value='2'>2</option></select></p>




<p><input type='submit' value='Absenden'/></p>
</form>
</body>
</html>

Alles anzeigen

Tags