JavaScript Regex

Während der Entwicklung von Websites ist die Formvalidierung eine entscheidende Aktivität, die zur Überprüfung der Datenintegrität und zur Verhinderung von Sicherheitsproblemen beiträgt. Benutzernamen sind eine typische Art von Benutzereingabe in dem Formular, mit dem Personen auf Websites und Anwendungen identifiziert werden können. Die Validierung von Benutzernamen kann dazu beitragen, sicherzustellen, dass sie bestimmte Standards entsprechen, wie z. B. Charakter- und Längengrenzen.

In diesem Artikel wird das Verfahren beschrieben, um den Benutzernamen mit Regex in JavaScript zu validieren.

So validieren Sie den Benutzernamen mit JavaScript Regex?

Um den Benutzernamen zu validieren, erstellen Sie zunächst einen regulären Ausdruck, der feststellt, ob der Benutzereingabwert dem angegebenen Muster übereinstimmt. Dann verwenden Sie die “prüfen()Methode zur Überprüfung der Benutzereingabe gemäß dem Muster.

Befolgen Sie das angegebene Muster für die Einnahme von Eingaben, die nur Buchstaben, Zahlen und beides enthält, es jedoch nicht erlaubt, ein spezielles Zeichen einzugeben:

var regexpattern = /^[a-za-z0-9]+$ /;

Das angegebene Muster erlaubt nur Buchstaben mit Zahlen und erlaubt nicht, nur Zahlen, Buchstaben und Sonderzeichen in der Eingabe einzugeben:

var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [a-za-z0-9]+$/;

Bonuspipp: Sie können auch die Länge des Benutzernamens in Ihrem Muster angeben.

Verwenden Sie die angegebene Syntax für die “prüfen()Methode, um die Eingabe gemäß dem Regex -Muster zu überprüfen:

Muster.Test (Eingabe)

Beispiel 1: Der Benutzername enthält nur Zahlen, Buchstaben und beide Sonderzeichen sind nicht zulässig

Erstellen Sie zunächst ein Formular in einem HTML. Anbringen "ONCLICKEreignis mit der Schaltfläche, die das aufruft "validateUnername () validateFunktionen auf dem Klicken der Schaltfläche:

Nutzername:



Einreichen

Im Tag werden wir eine Funktion namens definieren “validateUnername () validateDas wird auf dem Klick der Schaltfläche ausgelöst:

Funktion validateUnername ()

var InputValue = Dokument.GetElementById ("Eingabe").Wert;
var regexpattern = /^[a-za-z0-9]+$ /;
if (regexpatatter.Test (InputValue))

Alert ("Benutzername ist gültig");
zurückkehren;

anders

alert ("einen gültigen Benutzernamen eingeben");
falsch zurückgeben;

In der oben definierten Funktion:

• Holen Sie sich zunächst die Referenz des Eingangsfeldes mit der “dokumentieren.GetElementById ()Methode und dann den Benutzereingabewert mit Hilfe der “abrufenWert”Attribut.
• Definieren Sie ein Muster zur Validierung des Benutzernamens.
• Dann verwenden Sie die “Text()Methode mit einem Muster und nehmen Sie die Eingabe als Argument ein, um zu überprüfen, ob die Eingabe dem Regex entspricht oder nicht.
• Wenn der Eingabewert dem Muster äquivalent ist, dann die Warnmeldung “Benutzername ist gültig”Wird angezeigt, andernfalls zeigt das Alarmbox das an“Geben Sie einen gültigen Benutzernamen ein" Nachricht:

Ausgang

Beispiel 2: Der Benutzername enthält Buchstaben mit Zahlen, nur Zahlen oder nur Buchstaben sind nicht zulässig

In diesem Beispiel werden wir die Regex verwenden. Dazu verwenden wir das angegebene Muster in der “validateUnername () validateFunktion:

var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [a-za-z0-9]+$/;

Die Ausgabe zeigt, dass, wenn der Benutzer nur Ziffern, Buchstaben oder einen Benutzernamen mit einem Buchstaben, einer Nummer und einem speziellen Zeichen, einer Warnmeldung eingibtGeben Sie einen gültigen Benutzernamen ein" wird gezeigt. Bei der Eingabe von Eingaben, die sowohl Buchstaben als auch Zahlen enthält, gibt es eine Nachricht an. “Benutzername ist gültig”:

Hier geht es um die Benutzername -Validierung in JavaScript mit Regex.

Abschluss

Um den Benutzernamen zu validieren, verwenden Sie das reguläre Ausdruck oder das Regex -Muster entsprechend Ihren Anforderungen. Hier haben wir in diesem Artikel zwei Muster erörtert; “/^[a-za-z0-9]+$/;" Und "/^(?=.*[a-za-z]) (?=.*[0-9]) [a-za-z0-9]+$/;”. Das erste Muster nimmt Eingaben nur mit Buchstaben, Zahlen und beiden ein. Während das zweite Muster nicht zulässt, nur Buchstaben und Ziffern als Benutzernamen einzugeben. Zur Validierung der Eingaben entsprechend dem Muster die “prüfen()”Methode wird verwendet. In diesem Artikel wurde das Verfahren zur Validierung des Benutzernamens mit Regex in JavaScript beschrieben.