form Validierung mit jquery-validate.js

Ich habe ein problem und ich weiß nicht was ich falsch mache, da ich es Folgen einige Beispiele, und keiner von Ihnen arbeitete, ich bekomme kein Fehler, kein signal, nichts, vielleicht kann mir jemand helfen

Hier ist mein code
HTML:

 <form id="contact" method="post" action="#">
                <fieldset>
                    <label for="name">NAME</label>
                    <input type="text" class="required input-xlarge" id="name-contact" name="name-contact" value="" placeholder="" minlength="2">

Jquery:

   $( "#contact" ).validate({
        rules: {
               "name-contact":{
                   required: true
               } 
       },
       messages: {
            "name-contact": {
                required: "Please, enter a name"
            }
       }

   });

dies ist das zweite mal, dass ich versuchte dieses plug-in, denn es sieht sehr einfach, es hat nicht für mich
Vielen Dank im Voraus

  • Du gepostet hast funktioniert code. Sind Sie immer irgendwelche JavaScript-Fehler? Wussten Sie, denken Sie an das plugin? Es sollte kommen, nachdem Sie jQuery.
  • Es funktioniert nicht für mich überhaupt
  • Ich Frage noch einmal, sind Sie immer irgendwelche JavaScript-Fehler?.
InformationsquelleAutor paoloi | 2013-03-11
  1. 1

    Den code, den Sie veröffentlicht haben ist in Ordnung, die, wie man hier sehen kann:

    http://jsfiddle.net/NP8sS/

    Einige Hinweise, doch nur das erste Element könnte ganz brechen Dinge:

    1) Vielleicht haben Sie vergessen zu zählen, jQuery und/oder jQuery Validate plugin. Blick auf den linken Bereich des jsFiddle unter "Frameworks" und "Externe Ressourcen". Sind Sie immer irgendwelche JavaScript-Fehler?

    Sollten Sie zwei Linien, in dieser Reihenfolge, wobei die src enthält die richtige URL zu der Stelle, wo Sie platziert haben, werden diese Dateien:

    <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

    2) von Ihnen angegebenen Regeln auf zwei stellen. Sie haben die required Regel innerhalb .validate() und die minlength Regel innerhalb der name-contact element. Vielleicht konsequenter und setzen Sie Sie zusammen statt:

    http://jsfiddle.net/NP8sS/1/ 

    rules: {
    "name-contact": {
        required: true,
        minlength: 2
     }
},

    3) Ihre for Attribut in Ihrem <label> enthält eine ungültige name. Sollte sein:

    <label for="name-contact">NAME</label>

    4) Sie nicht schließen Sie Ihre <form>. Sie müssen, um eine </form> - tag am Ende.

    • Du hast Recht, danke für die Antwort, aber ich sehe nicht, keine Fehlermeldung und fragt mich, für die Namen wie im jsfiddle-Datei, weiß nicht, was ich falsch mache
    • da kann ich nicht sehen Ihre Seite, wie sonst kann ich Ihnen helfen? Hast du richtig 'zählen' die Drehbücher? Sind Sie immer alle JavaScript-Konsole Fehler? Ihre OP fehlt auch der </form> tag.
    • wieder, wie weiß ich, das sind gute URL ' s? Sie haben auch type="text/javascript" im einen, aber nicht beide. Und verlassen der http: funktioniert nicht, wenn die Seite lokal getestet.
    • danke @Sparky ich habe meine Skripte korrekt, ich habe keine js-Fehler
    • Ich weiß nicht, was Sie zu sagen, wenn Ihr code entspricht dem jsFiddle offensichtlich dann sollte es funktionieren. Es ist unmöglich für mich, um zu sehen, welche kleinen Fehler, die Sie gemacht haben könnte, also das alles hier wäre nichts als raten.
    • hier ist das Formular vollständig: <form id="Kontakt" method="post" action="#"><fieldset><label for="name_contact">NAME</label> <input type="text" class="input-xlarge" id="name_contact" name="name_contact" value="" placeholder="" minlength="2"> <button type="submit" value="" id="" name="senden" class="pull-right hellblau btn-primary">SENDEN Sie</button></fieldset></form> und die js: ist $("#contact").validate({ rules: {"name_contact": {required: true} }, messages: { "name_contact": {required: "Bitte geben Sie einen Namen an"} } });
    • ty viel mein code funktioniert jetzt, Feste kleine Fehler mit ur Hilfe...ur das beste
    • Der genaue code, den Sie einfügen in den Kommentar oben arbeitet: jsfiddle.net/ZA4qJ
    • Ok, sehr froh, dass Sie es herausgefunden hat.
    • ist http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/additional-methods.js nessasary für Ihre Geige
    • Nein, es ist nicht hier.

    InformationsquelleAutor Sparky
Schreibe einen Kommentar