Exemple de règles de validation JQuery les plus simples

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

Question

Le formulaire HTML suivant utilise avec succès la validation de formulaire de jQuery, en affichant le message "Ce champ est obligatoire". à droite du champ de formulaire si ce champ est vide, et "Entrez au moins 2 caractères". si moins de 2 caractères ont été entrés. Toutefois, au lieu de spécifier les métadonnées de validation à l'aide des attributs class et minlength du paramètre "cname", formulaire de saisie, j'aimerais utiliser les "règles" de jQuery API à la place, où les règles sont spécifiées dans le corps de la fonction validate. Merci d'avance: 

    <!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>
Était-ce utile?

La solution 2

Les exemples contenus dans cet article de blog fait l'affaire.

Autres conseils

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 }
    }
});

Devrait être quelque chose comme ça, je viens de taper cela dans l'éditeur ici, donc une erreur de syntaxe ou deux, mais vous devriez pouvoir suivre le modèle et le documentation

L'entrée dans le balisage est manquante "type" , l'entrée (le texte que je suppose) a l'attribut name = "nom" et ID = "cname" , le code fourni par Ayo appelle l'entrée nommée "cname" * où il doit s'agir de "nom" .

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top