Partage
  • Partager sur Facebook
  • Partager sur Twitter

Vérification en direct !

c'est pour des mots de passe

    23 octobre 2008 à 18:50:30

    Bonjour,
    alors voila, je suis entrain de développer un site pour une entreprise dans le cadre de mes études.
    Et enfaite j'aurai voulu faire une vérification en "live" du mot de passe que les gens vont saisir lors de leur inscription.
    Plus concrètement, j'ai un compteur à 0, le cadre de saisi de mot de passe à un background rouge.
    Si ils saisissent au moins une lettre le compteur prend +1, si il saisissent au moins un chiffre le compteur prend +1, si le mot de passe comporte au moins 6 caractères le compteurs prends +1.
    De 0 à 2 points, le compteur est rouges.
    A 3 points il est jaune.
    Et à 3points et 8caractères il devient vert !

    Je vois à peu prés comment réaliser ça lorsque le formulaire sera validé, mais pas comment le faire en direct.
    Pouvez-vous m'aider ? :o

    Cordialement Adrius.
    • Partager sur Facebook
    • Partager sur Twitter
      24 octobre 2008 à 7:55:54

      Hello Adrius,

      Vas lire les cours de javascript dans les tutos non-officiels, c'est très simple à faire une fois que tu connaitras un peu le langage :)
      Il te suffira de lancer ta fonction d'analyse sur un évènement onkeypress (qui signalera à chaque fois que l'utilisateur tapera quelque chose dans le champ du mdp) :)

      Bonne découverte de Javascript :magicien:
      • Partager sur Facebook
      • Partager sur Twitter
        24 octobre 2008 à 17:24:24

        Ouep, plus précisément l'ajax en fait (si j'ai bien compris).

        En bonus tu as le champ de recherche du site qui est sorti il n'y a pas très longtemps :lol: .
        • Partager sur Facebook
        • Partager sur Twitter
          24 octobre 2008 à 17:26:50

          (L'Ajax c'est encore autre chose puisque qu'il interagit avec des données extérieures. Là il n'y a pas besoin :D)
          • Partager sur Facebook
          • Partager sur Twitter
            24 octobre 2008 à 17:29:52

            Autant pour moi ^^'.
            J'avais mal lu >_< .
            • Partager sur Facebook
            • Partager sur Twitter
              25 octobre 2008 à 11:55:34

              Merci :D c'était le "onkeypress" qu'il me manquait !!!!
              Merci à vous 2 ;)

              Edit :
              Alors maintenant que ça vérifie bien en direct, je n'arrive pas à faire mon regex, ça fait 1h que je tente diverses formules sans succés :(

              Enfaite il faudrait qu'il vérifie :
              -au moins un caractère alphabétique ( [a-zA-Z] )
              -au moins un chiffre ( [0-9] )

              Pourtant ça doit pas être bien dur :S
              Vous pouvez m'aider ?

              Edit2:
              enfaite c'était trop bête, l'éclair de génie vient de me traverser p-e :x

              var regex = /^[0-9]+[a-zA-Z]+[0-9]+$/;
              var regex2= /^[a-zA-Z]+[0-9]+[a-zA-Z]+$/;
              var regex3= /^[0-9]+[a-zA-Z]+$/;
              var regex4= /^[a-zA-Z]+[0-9]+$/;
              
              if((regex.test(mdp.value)) || (regex2.test(mdp.value)) || (regex3.test(mdp.value)) || (regex4.test(mdp.value)))
              


              et voila pour ceux que ça pourrait intéresser !

              Cordialement.
              • Partager sur Facebook
              • Partager sur Twitter
                26 octobre 2008 à 3:02:00

                Tu peux plus simplement faire ça :) :
                var regex = /[0-9]+/;
                var regex2= /[a-zA-Z]+/;
                

                ;)

                Par contre tu ne prends pas en compte les caractères spéciaux (,-_&;.:*/+! etc...) ^^
                • Partager sur Facebook
                • Partager sur Twitter
                  26 octobre 2008 à 5:25:46

                  ça serait plutôt onkeyup, puisqu'il vérifie une fois le caractère tapé, alors que onkeypress vérifie quand on tape la lettre (elle n'est donc pas prise en compte).
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Vérification en direct !

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur
                  • Markdown