


Deux méthodes d'expression régulière JS pour implémenter la force du mot de passe
Cet article présente deux schémas d'expressions régulières pour la force des mots de passe, l'un est simple et l'autre est plus complexe et sécurisé. Et les procédures d'analyse et de test des deux solutions sont données respectivement. Généralement, vous pouvez définir vos propres conventions régulières de mot de passe en fonction des besoins réels de votre projet.
Avant-propos
Lors de l'inscription des utilisateurs, la vérification de la régularité du mot de passe sera utilisée. Pour écrire des expressions régulières correctes, vous devez d'abord définir des règles d'expression.
Option 1 (simple)
Supposons que la vérification du mot de passe est définie comme suit :
Les 6 chiffres les plus courts, jusqu'à 16 chiffres {6,16}
peuvent contenir des lettres minuscules [a-z] et des lettres majuscules [A-Z]
Peut contenir des chiffres [0-9]
Peut contenir des traits de soulignement [_] et des signes moins [-]
Selon les règles ci-dessus, c'est facile La définition des littéraux réguliers est donnée comme suit :
var pattern = /^[\w_-]{6,16}$/;
Analyse du schéma 1
Littéral / /
Un littéral d'expression régulière est défini comme les caractères contenus entre une paire de barres obliques (/), par exemple :
var pattern = /s$/;
Ci-dessus Le littéral correspond à n'importe quelle chaîne se terminant par la lettre « s ».
Classe de caractères [ ]
Mettez les caractères entre crochets pour former une classe de caractères. Une classe de caractères peut correspondre à n'importe quel caractère qu'elle contient. Par conséquent, l'expression régulière /[abc]/ correspond à l'une des lettres « a », « b » ou « c ».
Les classes de caractères peuvent utiliser des traits d'union pour représenter les plages de caractères. Pour faire correspondre les lettres minuscules latines, utilisez /[a-z]/ .
Classe de caractères w
Classe de caractères w correspond à n'importe quel mot composé de caractères ASCII, équivalent à [a-zA-Z0-9].
[w_-] signifie faire correspondre toutes les lettres latines majuscules et minuscules, les chiffres, les traits de soulignement et les signes moins.
Répéter {}
Utilisez { } dans les expressions régulières pour représenter le nombre de fois qu'un élément est répété.
{n,m} correspond à l'élément précédent au moins n fois, mais pas plus de m fois
{n,} correspond au élément précédent n fois ou plus
{n} correspond à l'élément précédent n fois
[w_-]{6,16} signifie faire correspondre toutes les lettres latines majuscules et minuscules, les chiffres, les traits de soulignement et les signes moins apparaissant au moins 6 fois et au maximum 16 fois.
Position de correspondance
^ Correspond au début de la chaîne, en récupération multiligne, correspond au début d'une ligne
$ Correspond à la fin de la chaîne , sur plusieurs lignes Lors de la récupération, faites correspondre la fin d'une ligne
/^w/ et faites correspondre les chaînes commençant par des lettres ou des chiffres majuscules et minuscules.
Test du scénario 1
Les résultats du test sont les suivants :
var pattern = /^[\w_-]{6,16}$/; pattern.test('123456') = true; pattern.test('-ifat33') = true; pattern.test('42du') = false; pattern.test('du42du42du42du421') = false; pattern.test('42du42@') = false;
Afficher le code source
D'après les résultats des tests, on constate que la solution 1 ne limite que brièvement le mot de passe et ne peut garantir la force du mot de passe et la sécurité du compte.
Option 2 (Sécurité)
Supposons que la vérification du mot de passe est définie comme suit :
6 chiffres les plus courts, jusqu'à 16 chiffres {6,16}
doit contenir 1 chiffre
doit contenir 2 lettres minuscules
doit contenir 2 lettres majuscules
doit contenir 1 caractère spécial
selon les règles ci-dessus , il est facile de donner la définition des littéraux réguliers comme suit :
var pattern = /^.*(?=.{6,16})(?=.*\d)(?=.*[A-Z]{2,})(?=.*[a-z]{2,})(?=.*[!@#$%^&*?\(\)]).*$/;
Analyse du scénario 2
Classe de caractères.
Classe de caractères Représente n'importe quel caractère à l'exception des nouvelles lignes et des autres terminateurs de ligne Unicode.
Assertion prospective (?= )
Ajouter une expression entre les symboles "(?=" et ")", c'est une assertion anticipée, utilisée pour indiquer que les expressions entre parenthèses doivent correspondre correctement. Par exemple : /Java(?=:)/ ne peut correspondre qu'à Java et est suivi de deux points.
(?=.*[!@#$%^&*?()])
Cette assertion anticipée indique qu'un caractère spécial doit être inclus. Les 10 caractères spéciaux de l'expression ci-dessus sont les caractères majuscules supérieurs du clavier 1,2...0, et d'autres caractères spéciaux peuvent également être ajoutés. Remarque : Si le caractère ajouté a une signification particulière dans l'expression régulière, vous devez l'échapper avec une barre oblique inverse () avant le symbole.
Test de l'option 2
Les résultats du test sont les suivants :
var pattern = /^.*(?=.{6,16})(?=.*\d)(?=.*[A-Z]{2,})(?=.*[a-z]{2,})(?=.*[!@#$%^&*?\(\)]).*$/; pattern.test('du42DU!') = true; pattern.test('duDUd!') = false; pattern.test('42dud!') = false; pattern.test('42DUD!') = false; pattern.test('42duDU') = false; pattern.test('42duU(') = false; pattern.test('42dUU!') = false;
Recommandations associées :
Explication détaillée des objets natifs JS et des expressions régulières
Conseils sur les expressions régulières JavaScript
Résumé des expressions régulières PHP
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.

Les expressions régulières Golang utilisent le caractère barre verticale | pour faire correspondre plusieurs mots ou chaînes, séparant chaque option comme une expression OU logique. Par exemple : correspond à "fox" ou "dog" : fox|dog correspond à "quick", "brown" ou "lazy" : (quick|brown|lazy) correspond à "Go", "Python" ou "Java" : Go| Python |Java fait correspondre des mots ou des codes postaux à 4 chiffres : ([a-zA

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Utilisation : En JavaScript, la méthode insertBefore() est utilisée pour insérer un nouveau nœud dans l'arborescence DOM. Cette méthode nécessite deux paramètres : le nouveau nœud à insérer et le nœud de référence (c'est-à-dire le nœud où le nouveau nœud sera inséré).

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest
