Validierung von PIN -Code und Handynummer in JavaScript

Validierung von PIN -Code und Handynummer in JavaScript
Auf Websites kann es mehrere HTML -Formulare geben, um die Daten des Benutzers zu erhalten. Während des Sammelns von Benutzerdaten ist das Hauptproblem/Schwierigkeitsgrad die Datenvalidierung, bevor Sie sie an die Datenbank senden. Zur Validierung von Daten können Sie reguläre Ausdrücke mit JavaScript verwenden.

In diesem Tutorial wird die Methode zur Validierung von PIN -Codes und Mobilfunknummern mit JavaScript beschrieben.

Validierung von PIN -Code und Handynummer in JavaScript?

Verwenden Sie die Pin -Code und die Handynummer, um die “zu validierenReguläre Ausdrücke" mit dem "passen()Methode in JavaScript. Die match () -Methode entspricht dem Wert mit dem regulären Ausdruck. Wenn sie übereinstimmt, wird die Methode true zurückgegeben, oder es gibt false.

Regex -Muster, um den Pincode zu validieren

PIN-Codes sind normalerweise 4stellige, 5-stellige oder 6-stellige Codes. Hier schreiben wir den Regex, um den 6-stelligen PIN-Code zu validieren:

/^\ d 6 $/

Im obigen Muster:

  • /”Forward Slash Charakter wird verwendet, um sich auf die Grenzen des regulären Ausdrucks/des regulären Ausdrucks zu beziehen.
  • ^”Repräsentiert den Beginn der Zahl.
  • D”Bezeichnet Ziffern.
  • “"Zeigt die Grenze an, die" ist "6”.
  • \Der Backslash -Charakter ist der Fluchtcharakter.
  • $”Zeigt das Ende der Zeichenfolge an.

Regex -Muster zur Überprüfung der Handynummer

Es ist wichtig, die Telefon-/Handynummer in einem HTML -Formular zu validieren. Eine gültige Telefonnummer kann je nach Bereich in verschiedenen Formaten verfügbar sein. Befolgen Sie den Link, um die verschiedenen Regexes zu überprüfen, um die Telefonnummern zu validieren.

Hier werden wir die beiden gemeinsamen Formate diskutieren, die nur Zahlen mit einer Länge von 10 sind:

/^\ d 3 \ d 3 \ d 4 $/

Der obige Regex gibt an, dass Sie nur 10 Ziffern als Telefonnummer ohne Trennzeichen wie Platz oder speziellen Zeichen einschließlich einschließlich "einschließlich" einschließlich eines speziellen Charakters eingeben können+","-" oder "()”.

Beispiel

Entwerfen wir zuerst die Webseite und verwenden dann JavaScript, um den PIN -Code und die Handynummer zu validieren. Gehen Sie zu Ihrer HTML -Datei und fügen Sie dort den folgenden Code ein:









Im obigen Code:

  • Erstellen Sie zunächst eine Form mit der Aktion “#Dies bedeutet, dass die Daten nirgendwo gesendet werden.
  • Erstellen Sie zwei Eingabefelder, einen für den PIN -Code und den anderen für die Handynummer.
  • Ein ... kreieren "einreichenSchaltfläche, die die “anrufe“Validierung()Methode zur Validierung des PIN -Codes und der Handynummer.

Die HTML -Seite sieht wie folgt aus:

Fügen Sie im Tag oder in der JavaScript -Datei die folgenden Codezeilen ein:

Funktionsvalidierung (PIN, Mobile)

var pin = dokument.GetElementById ('Pin').Wert;
var mobileNumber = Dokument.GetElementById ('Nummer').Wert;
pinRegExPattern = /^\ d 6 $ /;
mobregexpattern = /^\ d 3 \ d 3 \ d 4 $ /;
if (Pin.Match (pinregexpattern) && mobileNumber.Match (mobregexpattern))

Warnung ("PIN und Handynummer werden validiert!");
returnTrue;

if (Pin.Match (pinregexpattern) 6)
Alarm ("Pin muss 6 Ziffern betragen!");
returnTrue;

anders

Warnung ("Sie haben eine ungültige PIN und eine ungültige Handynummer eingegeben!");
falsch zurückgeben;

Im obigen Snippet:

  • Definieren Sie zuerst eine Funktion “Validierung"Mit zwei Parametern", "Stift" Und "Handy, Mobiltelefon”.
  • Erhalten Sie die Eingabeteile der Textfelder, z. B. die Handynummer und den PIN -Code.
  • Definieren Sie Regex -Muster sowohl für den PIN -Code als auch für die Handynummer.
  • Überprüfen Sie nun in einer bedingten Anweisung die Eingabewerte des Pin -Codes und der Mobilfunknummer und rufen Sie die Methode () auf. Wenn es übereinstimmt, gibt die Methode true aus, sonst gibt es falsche zurück.

Sie können in der Ausgabe sehen, wenn der Pin -Code kleiner oder größer ist als die Grenze6”, Ein Alarm taucht auf. Wenn die PIN und die Handynummer mit dem angegebenen Muster übereinstimmen, wird die Nachricht zur Validierung angezeigt:

Jetzt werden wir ein anderes Muster verwenden, um Mobiltelefonnummern zu validieren, die die Länge von 13 Jahren haben, einschließlich des Trennzeichens (+), das den Ländercode bezeichnet:

/^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $/

Im obigen Regex -Muster:

  • ^”Markiert den Beginn der Saite.
  • Die Grenzen des regulären Ausdrucks werden durch den Vorwärts -Schrägstrich angezeigt “/”.
  • “”Repräsentiert die Grenze.
  • $”Zeigt an, dass die Zeichenfolge beendet ist.
  • [0-9] 2… .”Repräsentiert die beiden Ziffern neben dem Trennzeichen + im Bereich von 0 bis 9.

Im JavaScript -Code verwenden wir denselben obigen Code, indem wir nur die “ersetzen“MobileGexPattern”:

mobregexpattern = /^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $ /;

Ausgang

Es ging darum, den PIN -Code und die Handynummer in JavaScript zu validieren.

Abschluss

Verwenden Sie die PIN -Codes und Mobilfunknummern, um die “zu verwendenReguläre Ausdrücke" mit dem "passen()Methode, die mit den Eingabewerten mit dem angegebenen Muster übereinstimmt; Wenn es übereinstimmt, gibt es wahr, oder es gibt falsch. In diesem Tutorial haben wir die Methode zur Validierung von PIN -Codes und Mobilfunknummern mithilfe von JavaScript beschrieben.