Lorsque vous utilisez une cha�ne de caract�res, vous pouvez lui appliquer la fonction match(), de la mani�re suivante :

var message = 'Bonjour les gens !';
 var regex = /les/;
 if(message.match(regex))
    alert('Tiens, il y a plusieurs personnes ?');
 else
    alert('Tout seul...');

Si vous ex�cutez ce code, vous obtiendrez une alerte "Tiens, il y a plusieurs personnes ?". En effet, la regex /les/ v�rifie que "les" est pr�sent au moins une fois dans la cha�ne de caract�re message (qu'on peut appeler sujet de l'expression r�guli�re).

Notez que j'aurais tr�s bien pu �crire le code de cette mani�re :

var message = 'Bonjour les gens !';
  if(message.match(/les/))
     alert('Tiens, il y a plusieurs personnes ?');
  else
     alert('Tout seul...');

C'est vraiment similaire aux cha�nes de caract�res.

Vous pouvez aussi utiliser l'objet RegExp pour cr�er des expressions r�guli�res. Dans ce cas, la fonction match() fonctionnera tr�s bien aussi.

var message = 'Bonjour les gens !';
   var regex = new RegExp('les');
   if(message.match(regex))
      alert('Tiens, il y a plusieurs personnes ?');
   else
      alert('Tout seul...');

Vous voyez que j'ai juste cr�� un objet RegExp. Notez qu'il n'y a pas besoin d'�crire les / lorsque l'on utilise l'objet RegExp. Cela permet (notamment) de cr�er une regex � partir d'une cha�ne de caract�res.

Par exemple, le code suivant ne peut fonctionner qu'� partir d'une RegExp :

var prompt_regex = prompt('Votre regex ?', '');
   var prompt_message = prompt('Votre message ?', '');

   var regex = new RegExp(prompt_regex);

   if(prompt_message.mach(prompt_message))
        alert('La regex a trouv� quelque chose !');
   else
        alert('La regex n'a rien trouv� ;-(');

Car en effet, vous ne pouvez pas �crire :

var regex = // + prompt_regex;

Cela g�n�rera une erreur.

Les regex utilisent des caract�res sp�ciaux pour pouvoir chercher plus facilement une information dans une cha�ne de caract�res. Et leur but est de vous faire gagner du temps et du code.

La preuve, si vous voulez que l'utilisateur saisisse un code, et que vous voulez que celui-ci soit bien constitu� uniquement de 4 chiffres, vous devrez effectuer le code suivant sans regex :

var code = prompt('Le code svp ?', '');
   var error = false;

   for(var i = 0; i < 4; i++)
        if(!code[i] == '0' || !code[i] == '1' || !code[i] == '2' || !code[i] == '3' || !code[i] == '4' || !code[i] == '5' || !code[i] == '6' || !code[i] == '7' || !code[i] == '8' || !code[i] == '9') {
            error = true;
            break;
        }

  if(!error)
        alert('Le code semble correct...');
  else
        alert('Mauvais format de code ! (4 chiffres)');

Et voici ce que ça donne avec une regex :

var code = prompt('Le code svp ?', '');
    var error = false;

    if(!code.match(/^([0-9]){4}$/))
          alert('Le code semble correct...');
    else
          alert('Mauvais format de code ! (4 chiffres)');

Avouez qu'on gagne quand m�me � utiliser des regex, hein ? :-) Et c'est encore pire pour v�rifier une adresse e-mail, par exemple !

Analysons ensemble cette regex.

• Le ^ indique que la cha�ne de caract�res doit commencer par ce qui est marqu� apr�s.
• Le $ indique que la cha�ne de caract�res doit se terminer par ce qui est marqu� avant.

Vous l'aurez compris, une regex entour�e d'un ^ et d'un $ signifie que toute la cha�ne de caract�res doit correspondre. Par exemple, "les gens" fonctionne avec /les/, avec /^les/, mais pas avec /^les$/ ou m�me /les$/.

• Les caract�res situ�s entre les deux crochets [ et ] permettent de dire "n'importe quoi mais qui est marqu� entre ces crochets". Par exemple, [0-9] veut dire "n'importe quel chiffre", [abc] veut dire "la lettre a, la lettre b ou la lettre c". On peut utiliser dans une regex : 0-9 : un chiffre ;a-z : une lettre minuscule ;A-Z : une lettre majuscule ;ou des caract�res ind�pendants, comme [abc].
• Les parenth�ses permettent de sp�cifier son contenu comme une donn�e de la regex. On verra ça plus tard, ne vous inqui�tez pas.
• Un chiffre entre crochets permet de dire "ce qu'il y a avant, r�p�t� x fois". Par exemple, ([0-9]){4} signifie "un chiffre, r�p�t� 4 fois", soit 1456, 1795, 7513, etc. On peut �galement dire "au moins 4 fois" si le code fait minimum 4 chiffres, en �crivant ([0-9]){4,}. Ou encore "2 � 4 fois" avec ([0-9]){2,4}.

Vous voyez, les expressions r�guli�res sont vraiment tr�s utiles lorsqu'il s'agit de v�rifier le contenu d'une cha�ne de caract�res !

Comprendre les regex n'est pas chose facile, si vous n'avez pas tout compris, n'h�sitez pas � relire cette partie du cours !

Les r�p�titions

Si vous voulez que la cha�ne de caract�res donn�e contienne "il y a x personnes" (il y a 8 personnes, il y a 45 personnes, etc.), vous ne pouvez pas seulement utiliser un ([0-9]). Vous devez v�rifier qu'il y a au moins un chiffre, sinon plusieurs. La solution que nous avons vue est de faire :

/^il y a ([0-9]){1,} personnes$/

Mais on peut le faire encore plus facilement en utilisant un op�rateur avant la parenth�se fermante :

/^il y a ([0-9]+) personnes$/

Le + permet de dire "au moins une fois", il "remplace" le {1,} (en fait c'est plus complexe que ça, mais nous le verrons plus tard). Si j'avais mis un ?, ça aurait voulu dire "optionnel", c'est-�-dire soit 0 fois, soit 1, soit 2, etc. Il "remplace" le {0,}

1) Sujet

Voyons voir si vous avez bien tout compris ! Vous allez devoir cr�er une regex qui permet de v�rifier que le pseudo saisit par l'utilisateur contient bien des chiffres, des lettres ou des tirets bas, et fait de 6 � 20 caract�res de long. A vos marques, pr�ts, codez !

Ne lisez pas la suite du cours � moins de ne pas du tout r�ussir � cr�er cette regex !

2) Correction

Tout d'abord, nous devons v�rifier que le pseudo contient des lettres, des chiffres ou des tirets bas (_). On fait donc :

([0-9a-zA-Z_])

Maintenant, il faut qu'il mesure entre 6 et 20 caract�res, donc :

(([0-9a-zA-Z_]){6,20}

Enfin, il doit �tre UNIQUEMENT compos� de cela, donc commencer et termine par notre regex :

^([0-9a-zA-Z_]){6,20}$

Et le code final :

var pseudo = prompt('Votre pseudo ?', '');

  if(pseudo.match(/^([0-9a-zA-Z_]){6,20}$/))
        alert('Pseudo correct !');
  else
        alert('Pseudo incorrect ;-(');