jquery valider avec html5 modèle

Comment puis-je faire jQuery validate/support de HTML 5 de modèle? Ce serait génial si il l'a fait sans en spécifier le motif sur chaque champ.

Je sais que je pourrais le faire (ci-dessous), mais est-il mieux?

$("form").validate({
  rules: {
    "password": {
      pattern: /[A-Za-z0-9\w]{4,20}/,
    }
  }
});

Voir Tripoter http://jsfiddle.net/2ma8ec6j/

Pour info, vous devriez être en mesure de retirer le ^ à partir de ce modèle (les regexes sont toujours plein match() style - voir le MDN docs).

OriginalL'auteur aWebDeveloper | 2014-11-09

  1. 9

    Devis:

    "Comment puis-je faire jQuery validate/support de HTML 5 de modèle?"

    Il le fait déjà. Voir ci-dessous

    "Ce serait génial si il l'a fait sans en spécifier le motif sur chaque champ."

    Comment savoir quel modèle va à laquelle champ si vous ne spécifiez pas ce quelque part?

    "...est-il mieux ainsi?"

    Vous pouvez déclarer certains règles via inline attributs HTML. Cependant, vous pouvez déclarer tous règles via le rules option dans .validate() ou la .rules() méthode.

    Je ne sais pas si c'est "mieux" que c'est purement une question d'opinion, mais aussi longtemps que vous incluez la additional-methods.js OU la pattern.js fichier, le jQuery Valider plugin de collecte et d'utilisation de l'HTML5 pattern attribut.

    <input type="text" name="somename" pattern="[A-Za-z0-9\w]{4,20}" />

    DÉMO: http://jsfiddle.net/fLxgz9dn/

    Voir: https://github.com/jzaefferer/jquery-validation/issues/785

    Essayé la même que la vôtre, il ne fonctionne pas pour le mien. permettez-être debug un peu si non je vais coller un violon
    il fonctionne lorsque vous le déclarer dans .validate() mais pas quand vous déclarez qu'il inline? Quelque chose d'autre que vous n'avez pas indiqué doit être la rupture, de sorte que nous devons attendre pour vous de reproduire le problème dans un jsFiddle.
    je pense que j'ai été absent d'autres méthodes

    OriginalL'auteur Sparky