Hallo zusammen,
ich hab ein neues Formular gebastelt, aber irgendwie will es nicht so ganz wie ich es will. Manchmal wird die Fehlermeldung abgefangen, aber anscheinend liegt das Problem im Aufruf des Formulares. Aber ab und zu geht es. Daher hab ich mal zu Testzwecken das Formular per class und dann per id oder beides aufgerufen, aber dann ging es wieder nicht. Könnte da jemand erfahreneres drüber schauen?
Code:jQuery.noConflict(); jQuery(document).ready(function(){ jQuery('formular').validate({ rules: { name: {required:true}, email: {required:true, email:true } plz: {number:true} }, messages: { name: { required: 'Bitte geben Sie einen Namen an' }, email: { required: 'Bitte geben Sie eine gültige E-Mailadresse an' } plz: { number: 'Bitte geben Sie nur eine Zahl ein' } } }); });Eingebundene LibrariesCode:<form id="formular" class="formular" method="post" action="'.$_SERVER['PHP_SELF'].'"> <fieldset> <span class="einteilung"> <label for="name" >Name/ Firma:*</label> <input type="text" name="name" id="name" /> <p class="hidden">Bitte Name eingeben</p> </span> <span class="einteilung"> <label for="vorname">Vorname:</label> <input type="text" name="vorname" id="vorname" /> <p class="hidden">Bitte geben Sie Ihren Vornamen ein.</p> </span> <span class="einteilung"> <label for="email">E-Mail:*</label> <input type="email" name="email" id="email" /> <p class="hidden">Bitte geben Sie Ihre vollständige E-Mailadresse ein.</p> </span> <span class="einteilung"> <label for="strasse">Strasse:</label> <input type="text" name="strasse" id="strasse" /> <p class="hidden">Bitte geben Sie Ihren Strassennamen ein.</p> </span> <span class="einteilung"> <label for="plz">PLZ - Ort:</label> <input type="text" name="plz" id="plz" /><input type="text" name="ort" id="ort" /> <p class="hidden">Bitte geben Sie Ihren PLZ und Ort ein.</p> </span> <span class="einteilung"> <label for="telefon">Telefon:</label> <input type="text" name="telefon" id="telefon" /> <p class="hidden">Bitte geben Sie eine Rückrufnummer an.</p> </span> <span class="einteilung"> <select name="betreff" style="margin-top: 3px;"> <option>Anfrage</option> <option>Rückruf</option> <option>Katalog</option> <option>Frage</option> <option>sonstiges</option> </select> <p class="hidden">Bitte geben Sie einen Betreff an.</p> </span> <span class="einteilung" id="nachricht"> <textarea name="nachricht" ></textarea> <p class="hidden">Wir freuen uns auf Ihre Nachricht.</p> </span> </fieldset> <input class="button" id="reset" style="width:70px; color: #FFF; font-size: 0.8em;" type="reset" name="Reset" value="Löschen"> <input class="button" id="senden" style="width:115px; color: #FFF;" type="submit" name="Submit" value="Abschicken"> <input type="hidden" value="2" name="schritt"> </form>
GrußCode:<script src="https://www.google.com/jsapi?key=ABQIAAAAvh-f1sBzl6amOaghxg7uExRSYJiFiZsvz5eDv-AOsAWuo3fmEhSLwHABASXAvJ_RReXFMU-8PNtVuw" type="text/javascript"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script> <script type="text/javascript" src="../js/lightbox.js"></script> <link rel="stylesheet" type="text/css" href="../js/lightbox.css" media="screen" /> <script type="text/javascript" src="../js/reflex.js"></script> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <script type="text/javascript" src="http://jquery.bassistance.de/validate/lib/jquery.metadata.js"></script> <script type="text/javascript" src="../js/scroll.js"></script>
Counter
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)