Comment vérifier si la chaîne contient des chiffres et des lettres en javascript

Tout en surfant sur Internet, nous rencontrons souvent des situations où nous devons couvrir toute division de sujets trop importants pour détenir une variété de disques, y compris les chiffres. Par exemple, lorsque vous devez créer un nom d'utilisateur et un mot de passe sécurisés. Dans de tels cas, la vérification si une chaîne contient des chiffres et des lettres en JavaScript peut vous aider à filtrer les données en fonction de la condition ajoutée.

Ce blog expliquera les méthodes pour vérifier si la chaîne contient des chiffres et des lettres en javascript.

Comment vérifier / vérifier si une chaîne particulière contient des chiffres et des lettres en javascript?

Pour vérifier si une chaîne contient des chiffres et des lettres en JavaScript, les méthodes suivantes peuvent être utilisées:

• "Expression régulière" et "addEventListener ()" Méthode
• "Expression régulière" et "correspondre()" Méthode
• "Expression régulière" et "test()" Méthode

Voyons chacune des méthodes une par une!

Méthode 1: Vérifiez si la chaîne contient des nombres et des lettres en javascrip

UN "expression régulière"Est une séquence de caractères qui forme un modèle de recherche, et le"addEventListener ()»La méthode fusionne un gestionnaire d'événements à un document. Ces méthodes peuvent être implémentées pour appliquer une expression régulière à la valeur fournie et effectuer la vérification requise sur.

Syntaxe

/ motif / modificateurs;

Ici, "modèle"Est une expression régulière et"modificateurs”Reportez-vous à un modificateur.

document.AddeventListener (événement, fonction)

Dans la syntaxe ci-dessus, "événement»Fait référence à l'événement spécifié et«fonction«Est la fonction qui sera invoquée lorsque l'événement spécifié est déclenché.

Exemple

Dans l'exemple suivant, nous créerons un bouton et incluons une rubrique dans le et

Tags, respectivement:

Cliquez sur moi

Résultat

Maintenant, accédez au bouton créé et à la tête à l'aide du "document.QuerySelector ()«Méthode et les stocker dans les variables spécifiées:

Let Button = document.queySelector ("bouton");
Laissez Outputmsg = document.queySelector ("H2");

Après cela, stockez une valeur alphanumérique dans une variable nommée «vérifier”Qui sera utilisé pour vérifier la condition spécifique:

LET CHECK = "JavaScript40";

Ensuite, appliquez l'expression régulière dans laquelle «[a-za-z]"Correspond à n'importe quel personnage de minuscules"un"Par majuscules"Z" et "[0-9]»Fait référence aux nombres de 0 à 9:

Laissez regexp = / ^ (?=.* [a-za-z]) (?=.* [0-9]) /;

Enfin, joignez un événement nommé «Cliquez sur"Au bouton créé. Ici, appliquez l'expression régulière spécifique sur la valeur particulière à vérifier en utilisant le «test()" méthode. Dans le cas où la condition est évaluée comme vraie, le message «Numéros et lettres contenues!»Sera affiché sur le modèle d'objet de document (DOM):

bouton.addEventListener ("cliquez", () =>
Soit Ismatch = regexp.Tester (vérifier)
Let résultat = Ismatch ? "Les chiffres et les lettres contenaient!":" Veuillez taper les chiffres et les lettres!"
outputmsg.innerText = result;
);

L'implémentation ci-dessus entraînera la sortie suivante:

Méthode 2: Vérifiez si la chaîne contient des chiffres et des lettres dans JavaScript à l'aide de l'opérateur Regex et Match () Méthode

Le "correspondre()»La méthode correspond à une chaîne par rapport à la chaîne ajoutée ou à l'expression régulière. Plus précisément, nous utiliserons ces méthodes pour inclure un champ de saisie, appliquer une vérification des valeurs entrées et renvoyer le résultat correspondant via une alerte.

Syntaxe

chaîne.Match (regex)

Dans la syntaxe donnée, "expirat»Fait référence à l'expression régulière qui doit être appariée à la valeur de chaîne fournie.

L'exemple suivant explique le concept déclaré.

Exemple

Tout d'abord, incluez un champ de texte d'entrée avec l'ID spécifié pour saisir les valeurs. Créez également un bouton avec un "sur clic»Événement qui invoquera le«numlett ()«Lorsqu'il est déclenché:

Tapez des numéros et des lettres

Cliquez sur moi

Ensuite, définissez une fonction nommée «numlett ()". Dans sa définition, récupérez le type d'entrée spécifié auparavant en appliquant le «document.getElementByid ()" méthode. Après cela, appliquez une expression régulière comme discuté dans la méthode précédente et faites correspondre la valeur de la chaîne avec l'expression en utilisant le «correspondre()" méthode.

Dans ce cas, si les valeurs sont appariées avec le reget ajouté, le message spécifié sera affiché à l'aide d'une boîte d'alerte:

functionNumlett ()
var chèque = document.GetElementById ("MyInput");
var regex = / ^ (?=.* [a-za-z]) (?=.* [0-9]) /;
Si (vérifiez.valeur.correspond à (regex))
alerte ("" Numéros et lettres contenues!");

autre
alerte ('Veuillez taper les numéros et les lettres!');

Sortir

Méthode 3: Vérifiez si la chaîne contient des nombres et des lettres en javascript en utilisant la méthode d'expression régulière et de test ()

Le javascript "test()»Méthode Tests pour une correspondance dans la chaîne donnée. Cette méthode peut être appliquée pour tester plusieurs valeurs assignées en fonction de l'expression régulière.

Syntaxe

RegexpObject.test (str)

Ici, "chaîne»Fait référence à la chaîne particulière qui doit être testée.

Exemple

Tout d'abord, attribuez différents types de valeurs à trois constantes, y compris la combinaison de nombres, de lettres et de caractères spéciaux:

const check1 = 'javascript40';
const check2 = 'nombres et lettres';
const check3 = 'avec symboles !@ # $% ^ & ';

Maintenant, définissez une fonction nommée «numlett ()"Et passez"Str"Dans son argument qui fait référence à la valeur attribuée qui doit être vérifiée.

Enfin, testez les valeurs en fonction de l'expression régulière en invoquant la fonction numlett ():

fonction numlett (str)
retour / ^ [a-za-z0-9] * $ /.test (str);

console.log ("La condition est:", numlett (check1));
console.log ("La condition est:", numlett (check2));
console.log ("La condition est:", numlett (check3));

Dans la sortie suivante, la valeur booléenne «vrai"Indique que la chaîne particulière"Vérifier1»Contient à la fois les chiffres et les lettres:

Nous avons fourni les méthodes les plus simples pour vérifier si une chaîne contient des chiffres et des lettres en JavaScript.

Conclusion

Pour vérifier / vérifier si une chaîne contient des nombres et des lettres en js, utilisez le regexp et le ««addEventListener ()”Méthode pour appliquer une expression régulière et un événement de clic pour effectuer la vérification sur le bouton cliquer, le"correspondre()”Méthode pour inclure un champ de saisie, appliquez une vérification des valeurs entrées et renvoyez l'alerte correspondante ou"test()”Méthode pour tester plusieurs valeurs en fonction de l'expression régulière. Ce manuel a expliqué les méthodes de vérification si les chiffres et les lettres sont contenus dans une chaîne en JavaScript.