Concepts d'expression régulière JS et applications pratiques

Cette fois, je vais vous présenter les expressions régulières concepts et applications pratiques de JS. Quelles sont les précautions d'utilisation des concepts et applications pratiques des expressions régulières JS. , jetons un coup d'oeil.

Aujourd'hui, j'aimerais partager avec vous quelques connaissances sur les expressions régulières et leur application en JavaScript. Les expressions régulières sont simples mais pas simples. Par exemple, lorsque mon professeur nous enseignait, il disait que si vous commencez avec cette chose, vous pouvez la maîtriser en 20 à 30 minutes. Une fois que vous ne commencez pas, vous gagnez. Je ne pourrai pas rattraper mon retard dans quelques jours. J’ai donc étudié et fait des recherches très sérieusement au début. De manière inattendue, les expressions régulières simplifient non seulement le code, mais évitent également aux ingénieurs front-end bien des problèmes dans les opérations réelles. Comme nous le savons tous, lorsque les utilisateurs parcourent une page, la seule chose qu'ils traitent est le formulaire. Concernant la vérification du formulaire, il existe en fait de nombreuses méthodes. Ensuite, je vais partager avec vous deux méthodes. l'une est une expression régulière, voyons quel effet elle peut apporter au formulaire.

Jetons d'abord un coup d'œil à la version normale :

Personnellement, je trouve que la méthode est trop grossière. C'est un simple effet de forme. fait lorsque j'ai commencé à apprendre. Il n'y a pas de feuille de style Ajouter CSS.

Regardez à nouveau l'expression régulière améliorée :

Continuer Apprenons sur les expressions régulières ensemble.

Une expression régulière est un objet qui décrit un modèle de caractères. Elle est également appelée notation régulière et notation conventionnelle

Une expression régulière utilise une seule chaîne pour décrire et. correspond à une série de chaînes A conformes à une certaine règle de syntaxe. Dans de nombreux éditeurs de texte, les expressions régulières sont souvent utilisées pour récupérer et remplacer du texte correspondant à un certain modèle.

Les caractéristiques des expressions régulières sont : 1. Très flexibles, logiques et fonctionnelles 2. Un contrôle complexe des chaînes peut être réalisé rapidement et de manière extrêmement simple ; 3. Il est relativement obscur et difficile à comprendre pour ceux qui débutent.

Définir l'expression régulière 1 : Voie normale varreg=/expression/paramètres supplémentaires reg.test(v.value)

2 : Voie du constructeurvar reg=new RegExp("表达式","附加参数） var reg=new RegExp("china");

Modèle d'expression 1 : modèle simple var reg=/china/; 2 : modèle cohérent var reg=/^w+$/; var reg=/^w+@w+.[a-zA-Z]{2,3} (.[a- zA-Z]{2,3})?$/;

La méthode exec de l'objet RegExp récupère les caractères qui correspondent à l'expression régulière et renvoie la valeur trouvée, et détermine son test de position récupère la valeur spécifiée dans la chaîne, renvoie true ou false méthode exec : si aucune correspondance n'est trouvée, la valeur de retour est nulle si une correspondance est trouvée, un tableau de résultats est renvoyé, /.../ représente un modèle Le début et ; fin de la chaîne ^ correspond au début de la chaîne $ correspond à la fin de la chaîne s tout caractère d'espacement S tout caractère autre qu'un espace d correspond à un caractère numérique, équivalent à [0-9] D n'importe quel caractère sauf un chiffre, équivalent à In [^0-9] w correspond à un chiffre, un trait de soulignement ou un caractère alphabétique, équivalent à [A-Za-z0-9_] W tout caractère autre qu'un seul caractère, équivalent à [^a-zA-z0-9_]. caractère autre que le caractère de nouvelle ligne

{n} correspond à l'élément précédent n fois {n,} correspond à l'élément précédent n fois, ou plusieurs fois {n,m} correspond à l'élément précédent au moins n fois, mais Ne peut pas dépasser m fois * Correspond à l'élément précédent 0 fois ou plus, équivalent à {0,} + Correspond à l'élément précédent 1 fois ou plus, équivalent à {1,} ? Correspond à l'élément précédent 0 ou 1 fois, ce qui signifie que l'élément précédent est facultatif, équivalent à {0,1}

x|y correspondant à x ou y.

Par exemple, "z|food" correspond à "z" ou "food". "(z|f)ood" correspond à "zood" ou "food". Jeu de caractères [xyz]. Correspond à l'un des caractères contenus. Par exemple, « [abc] » correspondrait au « a » dans « plain ». [a-z] Plage de caractères. Correspond à n’importe quel caractère dans la plage spécifiée. Par exemple, « [a-z] » correspond à n’importe quel caractère alphabétique minuscule compris entre « a » et « z ». Remarque : Ce n'est que lorsque le trait d'union se trouve à l'intérieur du groupe de caractères et apparaît entre deux caractères qu'il peut représenter la plage de caractères ; s'il apparaît au début du groupe de caractères, il ne peut représenter que le trait d'union lui-même (motif) et. obtenez ce match One. Les correspondances obtenues peuvent être obtenues à partir de la collection Matches générée, en utilisant la collection SubMatches dans VBScript et les attributs $0...$9 dans JScript. Pour faire correspondre les caractères entre parenthèses, utilisez "(" ou ")".

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

La relation entre lastIndex et les expressions régulières

Regular re.sub & re en python.

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!