|
|||
simple Formularvalidierung
Hallo.
Ich will ein Formular Mittels JavaScript validieren lassen, jedoch funktioniert das nicht so ganz. Kann mit jemand vielleicht helfen? Hier der JS-Code Code:
function checkForm() { var fehler = "Sie haben foglende Informationen nicht angegeben:\n"; var erfolg = "Ihre Kontaktabfrage wurde erfolgreich abgeschickt!"; var elemente = document.forms[0].elements; if (elemente["mitwem"] [0].value == false && elemente["mitwem"] [1].value == false) { fehler += "den Kontaktpartner\n"; erfolg += 1; } if (elemente["vorname"]).value == "") { fehler += "Ihren Vornnamen\n"; erfolg += 1; } if (elemente["name"]).value == "") { fehler += "Ihren Nachnamen\n"; erfolg += 1; } if (elemente["et"]).value == "") { fehler += "Ihre Telefonnummer/ Ihre E-Mail\n"; erfolg += 1 } if (elemente["betreff"]).value == "") { fehler += "den Betreff"; erfolg += 1 } if (fehler != "") { alert(fehler); return false; } if (erfolg = 0) { alert(erfolg); return true; } } HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="de"> <head> <meta name="keywords" lang="de" content="Verkehrsschulungen, Verkehrsprävention, Verkehrswacht, Torgau und Umgebung, Polizei Sachsen"> <meta name="description" lang="de" content="Ihre kompetenten Partner für Verkehrssicherheit"> <title>Verkehrsschulungen</title> <link rel="stylesheet" href="../Styles/general.css"> <link rel="stylesheet" href="../Styles/kontakt.css"> <script src="../Scripte/formular.js" type="text/javascript"></script> </head> <body> <div class="site"> <div class="header"><div class="titel">Kontakt</div></div> <div id="navigation"> <ul class="navigationselemente"> <li> <a href="index.html"> Start </a> </li> <li> <a href="name1.html"> Uwe Reichenbach </a> </li> <li> <a href="name2.html"> Wolfgang Schurig </a> </li> <li> <a href="kontakt.html"> Kontakt </a> </li> <li> <a href="impressum.html"> Impressum </a> </li> </ul> </div> <div class="content"> <div class="formular"> <form method="post" onsubmit="checkForm()"> <fieldset> <div class="kontakt"> <label for="name1">name1</label> <input type="radio" size="34px" name="mitwem" value="uwe" /> </div> <br /> <div class="kontakt"> <label for="name2">name2</label> <input type="radio" size="34px" name="mitwem" value="wolfgang" /> </div> <br /> <div class="kontakt"> <label for="vorname"> Vorname </label> <input type="text" size="34px" name="vorname" id="vorname" /> </div> <br /> <div class="kontakt"> <label for="name"> Name </label> <input type="text" size="34px" name="name" id="name" /> </div> <br /> <div class="kontakt"> <label for="et"> E-Mail/Telefon </label> <input type="text" size="34px" name="email" id="email" /> </div> <br /> <div class="kontakt"> <label for="betreff">Betreff</label> <textarea value="betreff" cols="25" rows="10">max. 500 Zeichen</textarea> </div> <br /> <input type="submit" name="submit" value="Abschicken" id="submit"/> <input type="reset" name="reset" value="Zurücksetzen" id="reset"/> </fieldset> </form> </div> <div class="kontakttext"> <p>Hier können Sie uns eine Kontaktanfrage zukommen lassen. Wir werden Ihnen schnellstmöglich zurückschreiben.</p> <br /> <p>Damit wir Ihre Anfrage schneller bearbeiten können, schreiben Sie uns bitte in der Betreffzeile an, wie wir Sie am besten erreichen können</p> <br /> <p>Außerdem geben bitte noch die Art und den vorraussichtlichen Ort der Veranstaltung an. </p> <br /> <p>Die von Ihnen angegebenen Daten werden an keinen Dritten weitergeleitet und streng vertraulich behandelt. </p> </div> </div> </body> </html> |
Sponsored Links |
|
||||
Was soll das deiner Meinung nach tun:
Code:
elemente["mitwem"] [0].value Das Leerzeichen muss weg und generell würde ich zur dot notation raten. Wenn du dein Javascript validieren möchtest, kannst du zum Beispiel JSLint nutzen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Simple Accordion und jQuery.ScrollTo gleichzeitig verwenden? | bleny87 | Javascript & Ajax | 3 | 24.05.2011 20:08 |
php Formularvalidierung selectbox | labbixenja | Serveradministration und serverseitige Scripte | 3 | 24.05.2009 12:31 |
Simple Formatierung (zentrieren und seitenfluss..) | kamiro | CSS | 3 | 14.08.2008 12:24 |
simple sache | Max.e.h. | (X)HTML | 6 | 31.01.2007 09:30 |
Simple Auzählung ohne float? | radon | CSS | 3 | 24.11.2006 16:33 |