Einfachstes JQuery Validierungsregeln Beispiel

StackOverflow https://stackoverflow.com/questions/650336

Frage

Das folgende HTML-Formular verwendet erfolgreich jQuery Formularvalidierung, die Anzeige „Dieses Feld ist erforderlich“ auf der rechten Seite des Formulars Feld leer, wenn links und „Bitte geben Sie mindestens 2 Zeichen“, wenn weniger als 2 Zeichen eingegeben wurden. Anstatt jedoch die Validierung von Metadaten angegeben werden, um die Klasse mit und minlength Attribute auf dem „cname“ Formulareingabefeld, würde ich gerne verwenden jQuery „Regeln“ API statt, in denen die Regeln in dem Körper der Validate-Funktion angegeben werden. Vielen Dank im Voraus: 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="/lib/js/jquery.js"></script>
  <script src="/lib/js/jquery.validate.js"></script>
  <script>
  $(document).ready(function(){$("#commentForm").validate(
    /*
     rules/messages here
    */
    );}
    );
  </script>
</head>
<body>

 <form id="commentForm" method="get" action="">
 <fieldset>
   <legend>A simple comment form with submit validation and default messages</legend>
   <p>
     <label for="cname">Name</label>
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>
</body>
</html>
War es hilfreich?

Lösung 2

Die Beispiele in macht diese Blog-Post den Trick.

Andere Tipps

rules: {
    cname: {
        required: true,
        minlength: 2
    }
},
messages: {
    cname: {
        required: "<li>Please enter a name.</li>",
        minlength: "<li>Your name is not long enough.</li>"
    }
}

$("#commentForm").validate({
    rules: {
     cname : { required : true, minlength: 2 }
    }
});

Sollte so etwas sein, habe ich getippt dies gerade hier im Editor, so könnte ein Syntaxfehler oder zwei sein, aber man sollte das Muster folgen kann und das Dokumentation

Der Eingang in das Markup "type" fehlt, wird die Eingabe (Text Ich gehe davon aus) hat das Attribut name="name" und ID="cname", die bereitgestellten Code von Ayo ruft den Eingang „cname“ genannt * wo es sein sollte „name“ .

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top