Validation de formulaire Javascript - découverte des compétences en expressions régulières_javascript

Lecture recommandée : Durée de validation du formulaire Javascript

Formulaire de validation-soumission du formulaire Javascript

Validation de formulaire Javascript - première introduction aux expressions régulières

Dans l'article précédent, je vous ai présenté la Validation de formulaire Javascript - première introduction aux expressions régulières Cet article vous présente la validation de formulaire Javascript - dévoilant le voile des expressions régulières. détails. .

Utilisez des métacaractères pour faire correspondre le type de caractère correspondant

Créer une expression régulière est un peu comme créer une chaîne littérale, sauf que l'expression régulière apparaît dans une paire de "/"

Les métacaractères de premier niveau sont utilisés dans les expressions régulières pour relier les lettres et les chiffres

"." correspond à n'importe quel caractère, sauf la nouvelle ligne

"d" correspond à n'importe quel caractère numérique

"w" correspond à n'importe quel caractère alphabétique ou numérique

"s" correspond aux espaces

La chaîne "^" doit commencer par un motif

La chaîne "$" doit se terminer par un motif

ne représente pas seulement un caractère littéral, c'est un symbole utilisé pour construire des expressions régulières

Exemple : Il y a trois caractères ici

"A", "7", "%"

/w/ peut correspondre à "A", "7"

/^d/ peut correspondre à "7"

/d/ peut correspondre à "7"

/./ peut correspondre à "A", "7", "%"

Mais qu'en est-il des chaînes contenant plusieurs caractères ?

"2nite", "007", "catch22",

/^d/ peut correspondre à "2nite", "007" (tous commençant par des chiffres)

/ddd/ correspond à "007" (3 chiffres sur une ligne)

/^cat/ peut correspondre à "catch22" (commençant par le caractère chat)

/dd$/ correspond à "catch22" (doit se terminer par deux chiffres)

Par exemple : correspondant au code postal américain, le format du code postal est #####-####

/^ddddd-dddd$/

Utilisez des qualificatifs pour spécifier le nombre d'occurrences d'un caractère

Le qualificatif est utilisé pour contrôler le nombre de fois que le sous-modèle apparaît dans l'expression régulière

Le qualificatif est précédé d'un sous-motif, et le qualificatif est appliqué au sous-motif et contrôle le nombre de fois que le sous-motif apparaît dans le motif

Le sous-modèle avant le qualificatif "*" doit apparaître 0 fois ou plus

Le sous-motif avant le qualificatif "+" doit apparaître 1 ou plusieurs fois

Le sous-motif avant le qualificatif "?" doit apparaître 0 ou 1 fois

Le sous-motif avant le qualificatif "{n}" doit apparaître exactement N fois

«()» collecte des caractères ou/et des métacaractères pour devenir un sous-modèle

En utilisant également le code postal comme exemple

/^d{5}-d{4}$/

On constate que l'expression avec des qualificatifs est plus précise que l'expression avec uniquement des métacaractères

/w*/ correspond à n'importe quel caractère alphanumérique, y compris la chaîne vide

/.+/ Correspond à une chaîne qui apparaît plus d'une fois (utilisée pour correspondre à des chaînes non vides)

/(Hot)??Donuts/ peut correspondre à Hot ou Donuts

*Lorsque vous souhaitez faire correspondre des caractères ayant une signification particulière dans des expressions régulières, vous pouvez utiliser une barre oblique inverse

Par exemple, faites correspondre $:$*

Utilisez des expressions régulières pour vérifier les données

Les expressions régulières en JavaScript sont représentées par des objets RegExp, qui contiennent la clé pour utiliser des expressions régulières pour vérifier les données – la méthode test(), qui vérifie si le modèle spécifié existe dans la chaîne

Exemple :

Les littéraux d'objet d'expression régulière créent automatiquement des objets RegExp

if(!regex.test(inputFiled.value)) 
{ 
//在正则表达式上调用text方法 
//如果符合合正则表达式的要求,返回true 
//如果不符合正则表达式的要求,返回false 
}

Exemple de code

Ensuite, écrivez une méthode spécifiquement utilisée pour vérifier le format de la chaîne

//regex正则表达式
//inputStr需要验证的字符串
//helpText提供信息提示的一个span标签
//helpMessage提示信息内容
//
function validateRegExp(regex,inputStr,helpText,helpMessage)
{
if(!regex.test(inputStr))
{
if(helpText!=null)
helpText.innerHTML=helpMessage;
return false;
}
else{
if(helpText!=null)
helpText.innerHTML="";
}
return true;
}
function validateDate(inputFild,helpText)
{
if(!validateNonEmpty(inputFild,helpText)//先检查参数是非空的
{
return false;
}
return validateRegExp(/^\d{2}\/\d{2}\/\d{4}$/,inputFild,helpText,"请输入正确的日期格式");//调用正则验证方法
}

D'accord, cet article se termine ici. Merci à tous de soutenir le site Web de Script House !