Dieses Tutorial beschreibt die Methode zur Validierung von PIN-Codes und Handynummern mit JavaScript.
Wie validiere ich PIN-Code und Handynummer in JavaScript?
Um den PIN-Code und die Handynummer zu validieren, verwenden Sie das „ Reguläre Ausdrücke ' mit dem ' passen() ”-Methode in JavaScript. Die Methode match() gleicht den Wert mit dem regulären Ausdruck ab, wenn er übereinstimmt, gibt die Methode wahr zurück, andernfalls gibt sie falsch zurück.
Regex-Muster zur Validierung des PIN-Codes
PIN-Codes sind normalerweise 4-stellige, 5-stellige oder 6-stellige Codes. Hier schreiben wir die Regex zur Validierung des 6-stelligen PIN-Codes:
/^ \d { 6 } $ /
Im obigen Muster:
- „ / Der Schrägstrich „” wird verwendet, um auf die Grenzen des regulären Ausdrucks/Musters hinzuweisen.
- „ ^ “ steht für den Anfang der Zahl.
- „ d “ bezeichnet Ziffern.
- „ {} “ gibt die Grenze an, die „ 6 “.
- „ \ ” Backslash-Zeichen ist das Escape-Zeichen.
- „ $ “ zeigt das Ende der Zeichenfolge an.
Regex-Muster zur Validierung der Handynummer
Es ist wichtig, die Telefon-/Mobilnummer in einem HTML-Formular zu validieren. Eine gültige Telefonnummer kann je nach Gebiet in verschiedenen Formaten verfügbar sein. Folge dem Verknüpfung um die verschiedenen regulären Ausdrücke auszuprobieren, um die Telefonnummern zu validieren.
Hier werden wir die beiden gängigen Formate diskutieren, bei denen es sich nur um Zahlen mit einer Länge von 10 handelt:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Die obige Regex zeigt an, dass Sie nur 10 Ziffern als Telefonnummer ohne Trennzeichen wie Leerzeichen oder Sonderzeichen einschließlich „ + “, „ – ' oder ' () “.
Beispiel
Lassen Sie uns zuerst die Webseite entwerfen und dann JavaScript verwenden, um den PIN-Code und die Handynummer zu validieren. Gehen Sie zu Ihrer HTML-Datei und fügen Sie dort den folgenden Code ein:
< Formularname = 'bilden' Handlung = '#' >< Eingabetyp = 'Text' Ich würde = 'Stift' Platzhalter = 'PIN eingeben' Autovervollständigung = 'aus' >< Br > < Br >
< Eingabetyp = 'Text' Ich würde = 'Anzahl' Platzhalter = 'Geben Sie Ihre 10-stellige Handynummer ein' Autovervollständigung = 'aus' >< Br >< Br >
< Schaltflächentyp = 'einreichen' anklicken = 'Validierung()' > einreichen Knopf >
bilden >
Im obigen Code:
- Erstellen Sie zunächst ein Formular mit der Aktion „ # “, was bedeutet, dass die Daten nirgendwohin gesendet werden.
- Erstellen Sie zwei Eingabefelder, eines für den PIN-Code und das andere für die Handynummer.
- Ein ... kreieren ' einreichen “-Taste, die die „ Validierung() ” Methode, um den PIN-Code und die Handynummer zu validieren.
Die HTML-Seite sieht wie folgt aus:
Fügen Sie im