Javascript regex

Lors du développement de sites Web, la validation des formulaires est une activité cruciale qui aide à vérifier l'intégrité des données et à prévenir les problèmes de sécurité. Les noms d'utilisateur sont un type typique de saisie des utilisateurs 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ère 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, créez d'abord une expression régulière qui déterminera si la valeur d'entrée de l'utilisateur correspond au modèle donné. Ensuite, utilisez le «test()«Méthode de vérification de l'entrée de l'utilisateur en fonction du modèle.

Suivez le modèle donné pour prendre une entrée qui ne contient que des lettres, des nombres et les deux, mais ne permet pas d'entrer dans un caractère spécial:

var regexpattern = / ^ [a-za-z0-9] + $ /;

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

var regexpattern = / ^ (?=.* [a-za-z]) (?=.* [0-9]) [A-ZA-Z0-9] + $ /;

Conseil 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 en fonction du modèle Regex:

modèle.test (entrée)

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

Tout d'abord, créez un formulaire dans un document HTML à l'aide de la balise qui contient un champ de saisie et un bouton de soumission. Attacher un «sur clic»Événement avec le bouton qui appellera le«validerUsername ()”Fonction sur le bouton Cliquez:

Nom d'utilisateur:



Soumettre

Dans la balise, nous définirons une fonction nommée «validerUsername ()«Cela se déclenchera sur le bouton Cliquez:

fonction valideUsername ()

var inputvalue = document.getElementByid ("entrée").valeur;
var regexpattern = / ^ [a-za-z0-9] + $ /;
if (regexpattern.test (inputvalue))

alert ("nom d'utilisateur est valide");
Retour Vrai;

autre

alert ("Entrez un nom d'utilisateur valide");
retourne false;

Dans la fonction défini ci-dessus:

• Tout d'abord, obtenez la référence du champ de saisie à l'aide du «document.getElementByid ()«Méthode puis récupérer la valeur d'entrée de l'utilisateur à l'aide du«valeur" attribut.
• Définissez un modèle pour valider le nom d'utilisateur.
• Ensuite, utilisez le «texte()«Méthode avec un modèle et prenez l'entrée comme argument pour vérifier si l'entrée est en fonction du regex ou non.
• Si la valeur d'entrée est équivalente au modèle, le message d'alerte "Le nom d'utilisateur est valide«Est affiché, sinon, le boîtier d'alerte affiche le«Entrez un nom d'utilisateur valide" message:

Sortir

Exemple 2: le nom d'utilisateur contient des lettres avec des chiffres, seuls les chiffres ou les seuls lettres ne sont pas autorisés

Dans cet exemple, nous utiliserons le regex pour prendre des entrées contenant des lettres avec des chiffres, seuls des chiffres, des lettres ou des caractères spéciaux avec des lettres ou des numéros ne sont pas autorisés. Pour cela, nous utiliserons le modèle donné dans le «validerUsername ()" fonction:

var regexpattern = / ^ (?=.* [a-za-z]) (?=.* [0-9]) [A-ZA-Z0-9] + $ /;

La sortie montre que lorsque l'utilisateur entre les chiffres, les lettres ou le nom d'utilisateur avec une lettre, un numéro et un caractère spécial, un message d'alerte "Entrez un nom d'utilisateur valide" est montré. Lors de la saisie des entrées qui contient à la fois des lettres et des nombres, il donne un message "Le nom d'utilisateur est valide»:

Il s'agit de la validation du nom d'utilisateur en JavaScript en utilisant Regex.

Conclusion

Pour valider le nom d'utilisateur, utilisez l'expression régulière ou le motif d'expulsion en fonction de vos exigences. Ici, dans cet article, nous avons discuté de deux modèles; "/ ^ [a-za-z0-9] + $ /;" et "/ ^ (?=.* [a-za-z]) (?=.* [0-9]) [A-ZA-Z0-9] + $ /;". Le premier modèle prend en entrée avec seulement des lettres, des chiffres et les deux, mais il ne permet pas d'entrer dans un caractère spécial. Tandis que le deuxième modèle ne permet pas de saisir uniquement des lettres et des chiffres comme nom d'utilisateur. Pour valider l'entrée selon le modèle, le «test()»La méthode est utilisée. Cet article a décrit la procédure pour valider le nom d'utilisateur à l'aide de regex dans JavaScript.