Sommaire

Les expressions régulières Expressions régulières

Il y a, depuis le HTML5, le champ input adapté aux e-mails. C’est en fait un champ texte qui est prévu pour la saisie de l’e-mail. input

Il est possible d’imposer une écriture de l’e-mail afin qu’il contienne des chiffres et des lettres puis une arobase (@) puis à nouveau des chiffres et des lettres, et enfin un point suivi de deux à quatre lettres (représentant le « fr » ou le « com » par exemple).

La propriété qui est utilisée est pattern. Un pattern est un modèle que va suivre le navigateur pour le remplissage du champ e-mail. Cela ressemble à :

pattern="^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"

Au premier abord, cela peut paraître complexe, mais en fait, comme pour la programmation, si cette longue phrase est décomposée cela devient un peu plus parlant.

Cette expression se "lit" :

^    [a-z0-9._%+-]+    @    [a-z0-9.-]+   \.    [a-z]{2,4}    $

Le premier élément est l’accent circonflexe ^, il indique le début de ligne.

Ensuite, les crochets [ ] permettent de regrouper le contenu et, dans l’exemple, les crochets sont suivis d’un plus (+) qui signifie que les caractères entre les crochets doivent être présents au moins une fois.

On retrouve entre les crochets : a-z0-9._%+-

Il pourra donc ...