JavaScript Regex (Validation du nom d'utilisateur)

Javascript Regex Validation Du Nom D Utilisateur



Lors du développement de sites Web, la validation des formulaires est une activité cruciale qui permet de vérifier l'intégrité des données et de prévenir les problèmes de sécurité. Les noms d'utilisateur sont un type typique d'entrée d'utilisateur dans le formulaire utilisé pour identifier les personnes sur les sites Web et les applications. La validation des noms d'utilisateur peut aider à s'assurer qu'ils répondent à des normes particulières, telles que les limites de caractères et de longueur.

Cet article décrira la procédure pour valider le nom d'utilisateur à l'aide de regex en JavaScript.

Comment valider le nom d'utilisateur à l'aide de JavaScript Regex ?

Pour valider le nom d'utilisateur, commencez par créer une expression régulière qui déterminera si la valeur saisie par l'utilisateur correspond au modèle donné. Ensuite, utilisez le ' test() ” méthode de vérification de l'entrée de l'utilisateur selon le modèle.







Suivez le modèle donné pour saisir des entrées contenant uniquement des lettres, des chiffres et les deux, mais ne permettant pas la saisie de caractères spéciaux :



était regexPattern = /^ [ un - pour - Z0 - 9 ] + $ / ;

Le modèle donné n'autorisera que les lettres avec des chiffres, et il ne permet pas de saisir uniquement des chiffres, des lettres et des caractères spéciaux en entrée :



était regexPattern =/^ ( ?= . * [ un - pour - AVEC ] ) ( ?= . * [ 0 - 9 ] ) [ un - pour - Z0 - 9 ] + $ / ;

Astuce bonus : Vous pouvez également spécifier la longueur du nom d'utilisateur dans votre modèle.





Utilisez la syntaxe donnée pour le ' test() ” méthode pour vérifier l'entrée selon le modèle regex :

modèle. test ( saisir )

Exemple 1 : le nom d'utilisateur ne contient que des chiffres, des lettres et les deux caractères spéciaux ne sont pas autorisés

Commencez par créer un formulaire dans un document HTML à l'aide de la balise

qui contient un champ de saisie et un bouton d'envoi. Joindre un ' sur clic ” événement avec le bouton qui appellera le “ validerNomUtilisateur() ” fonction sur le clic du bouton:



< former >

< étiqueter > Nom d'utilisateur : étiqueter >

< type d'entrée = 'texte' nom = 'nom' identifiant = 'saisir' Saisie automatique = 'désactivé' />< Br >< Br >

< type de bouton = 'soumettre' sur clic = 'validateUserName()' > Soumettre bouton >

former >

Dans la balise