Tester si le code couleur valide ou pas

Bonjour,

je veux faire un test avec jquery si le code coleur entrè par l'utilisateur valide ou pas
(obligation de # au debut)

1 réponse

  1. Tu dois utiliser les expressions régulières pour vérifier que ta couleur hexadécimal est correct, enfin j'espère que tu parles bien d'hexa car comme tu veux le # au début. Ça donne ça ^#[a-f0-9]{6}$
    2
    1. oui hexa cè ca mais j'ai pas compris tu peux me donnè la structure de test stp
      0
    2. function verifier_color(){
      var regex = /^#[a-f0-9]{6}$/;
      if (!regex.test($('#color').val())) {

      alert ( 'code incorrect ') ;
      return false;}
      });

      else return true

      c'est juste comme ca ?
      0
    3. Oui c'est correct mais je te conseille quelque petit truc.

      Met le drapeau i à la fin de ton expression, comme ça tu prend en compte les majuscules et minuscules.

      Utilise autrement ta fonction, fait en sorte que tu puisses changer facilement le paramètre, et exploiter un retour.

      En gros fait comme ça:

      function verifColor ( hexa ) {
       var regex = /^#[a-f0-9]{6}$/i;
       return regex.test( hexa );
      }
      
      if ( !verifColor( $('#color').val() ) ) alert( 'Code couleur incorrect' );
      
      0