Javascript-Formularvalidierung – Aufdecken regulärer Ausdrücke_Javascript-Kenntnisse

Empfohlene Lektüre: Javascript-Formularvalidierungslänge

Validierungsformular für Javascript-Formulare senden

Javascript-Formularvalidierung – erste Einführung in reguläre Ausdrücke

Im vorherigen Artikel habe ich Ihnen die Javascript-Formularvalidierung vorgestellt – erste Einführung in reguläre Ausdrücke. Dieser Artikel stellt Ihnen die Javascript-Formularvalidierung vor – und enthüllt den Schleier regulärer Ausdrücke Einzelheiten.

Verwenden Sie Metazeichen, um sie an den entsprechenden Zeichentyp anzupassen Das Erstellen eines regulären Ausdrucks ähnelt dem Erstellen eines String-Literals, außer dass der reguläre Ausdruck innerhalb eines „/“-Paares erscheint

Metazeichen der ersten Ebene werden in regulären Ausdrücken verwendet, um Buchstaben und Zahlen zu verbinden

"." entspricht jedem Zeichen, außer Newline

„d“ entspricht jedem numerischen Zeichen

„w“ entspricht jedem alphabetischen oder numerischen Zeichen

„s“ entspricht Leerzeichen

Die Zeichenfolge „^“ muss mit einem Muster beginnen

Die Zeichenfolge „$“ muss mit einem Muster enden

Das Metazeichen

stellt nicht nur ein wörtliches Zeichen dar, es ist auch ein Symbol zum Erstellen regulärer Ausdrücke

Beispiel: Hier sind drei Zeichen

„A“, „7“, „%“

/w/ kann mit „A“, „7“ übereinstimmen

/^d/ kann mit „7“ übereinstimmen

/d/ kann mit „7“ übereinstimmen

/./ kann mit „A“, „7“, „%“ übereinstimmen

Aber was ist mit Zeichenfolgen, die mehrere Zeichen enthalten?

„2nite“, „007“, „catch22“,

/^d/ kann mit „2nite“, „007“ (alle beginnend mit Zahlen) übereinstimmen

/ddd/ entspricht „007“ (3 Zahlen in einer Zeile)

/^cat/ kann mit „catch22“ übereinstimmen (beginnend mit dem Katzenzeichen)

/dd$/ entspricht „catch22“ (muss mit zwei Zahlen enden)

Zum Beispiel: Passend zur US-Postleitzahl ist das Postleitzahlenformat #####-####

/^ddddd-dddd$/

Verwenden Sie Qualifizierer, um die Häufigkeit des Vorkommens eines Zeichens anzugeben Der Qualifizierer wird verwendet, um zu steuern, wie oft das Untermuster im regulären Ausdruck erscheint

Dem Qualifikationsmerkmal geht ein Untermuster voraus, und das Qualifikationsmerkmal wird auf das Untermuster angewendet und steuert, wie oft das Untermuster im Muster erscheint

Das Untermuster vor dem „*“-Qualifikationsmerkmal muss 0 oder öfter vorkommen

Das Untermuster vor dem „+“-Qualifikationsmerkmal muss mindestens einmal vorkommen

Das Untermuster vor dem „?“ muss 0 oder 1 Mal vorkommen

Das Untermuster vor dem Qualifikationsmerkmal „{n}“ muss genau N-mal vorkommen

„()“ sammelt Zeichen oder/und Metazeichen, um ein Untermuster zu werden

Verwenden Sie auch die Postleitzahl als Beispiel

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

Es ist ersichtlich, dass der Ausdruck mit Qualifizierern genauer ist als der Ausdruck nur mit Metazeichen

/w*/ entspricht jedem alphanumerischen Zeichen, einschließlich der leeren Zeichenfolge

/.+/ Entspricht einer Zeichenfolge, die mehr als einmal vorkommt (wird verwendet, um nicht leere Zeichenfolgen abzugleichen)

/(Hot)??Donuts/ kann mit Hot oder Donuts kombiniert werden

*Wenn Sie Zeichen mit besonderer Bedeutung in regulären Ausdrücken zuordnen möchten, können Sie einen Backslash verwenden

Zum Beispiel: Übereinstimmung mit $:$*

Verwenden Sie reguläre Ausdrücke, um Daten zu überprüfen Reguläre Ausdrücke in JavaScript werden durch RegExp-Objekte dargestellt, die den Schlüssel zur Verwendung regulärer Ausdrücke zur Überprüfung von Daten enthalten – die test()-Methode, die prüft, ob das angegebene Muster in der Zeichenfolge

vorhanden ist

Beispiel:

Code kopieren Der Code lautet wie folgt:

var regex=/^d{5}$/;//Regulärer Ausdruck, der mit der 5-stelligen Postleitzahl übereinstimmt;

Objektliterale regulärer Ausdrücke erstellen automatisch RegExp-Objekte

Codebeispiel

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

Als nächstes schreiben Sie eine Methode, die speziell zur Überprüfung des Zeichenfolgenformats verwendet wird

Okay, dieser Artikel endet hier. Vielen Dank an alle für die Unterstützung der Script House-Website!

//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,"请输入正确的日期格式");//调用正则验证方法
}