JavaScript Regex (Validierung des Benutzernamens)

Javascript Regex Validierung Des Benutzernamens



Bei der Entwicklung von Websites ist die Formularvalidierung eine entscheidende Aktivität, die dabei hilft, die Datenintegrität zu überprüfen und Sicherheitsprobleme zu vermeiden. Benutzernamen sind eine typische Art von Benutzereingaben in dem Formular, das verwendet wird, um Personen auf Websites und Anwendungen zu identifizieren. Das Validieren von Benutzernamen kann dabei helfen, sicherzustellen, dass sie bestimmte Standards erfüllen, wie z. B. Zeichen- und Längenbeschränkungen.

In diesem Artikel wird das Verfahren zum Überprüfen des Benutzernamens mithilfe von Regex in JavaScript beschrieben.

Wie validiere ich den Benutzernamen mit JavaScript Regex?

Um den Benutzernamen zu validieren, erstellen Sie zunächst einen regulären Ausdruck, der bestimmt, ob der Benutzereingabewert mit dem angegebenen Muster übereinstimmt. Verwenden Sie dann die „ prüfen() ” Methode zur Überprüfung der Benutzereingabe nach dem Muster.







Befolgen Sie das angegebene Muster, um Eingaben zu akzeptieren, die nur Buchstaben, Zahlen und beides enthalten, aber keine Eingabe von Sonderzeichen zulassen:



war RegexPattern = /^ [ A - für - Z0 - 9 ] + $ /;

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



war RegexPattern =/^ ( ?= . * [ A - für - MIT ] ) ( ?= . * [ 0 - 9 ] ) [ A - für - Z0 - 9 ] + $ /;

Bonus-Tipp : 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. prüfen ( Eingang )

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

Erstellen Sie zunächst ein Formular in einem HTML-Dokument mit dem

-Tag, das ein Eingabefeld und eine Senden-Schaltfläche enthält. Hängen Sie ein „ anklicken ” Ereignis mit der Schaltfläche, die das “ validateUserName() ”-Funktion beim Klicken auf die Schaltfläche:



< form >

< Etikett > Nutzername : Etikett >

< Eingabetyp = 'Text' Name = 'Name' Ausweis = 'Eingang' Autovervollständigung = 'aus' />< Br >< Br >

< Schaltflächentyp = 'einreichen' anklicken = 'validateUserName()' > Einreichen Taste >

form >

Im