JavaScript Regex

Podczas opracowywania stron internetowych, walidacja formularzy jest kluczowym działaniem, które pomaga weryfikować integralność danych i zapobiegać problemom bezpieczeństwa. Nazwy użytkowników to typowy rodzaj danych wejściowych użytkownika w formularzu używanym do identyfikacji osób na stronach internetowych i aplikacjach. Walidacja nazw użytkowników może pomóc w spełnieniu one określonych standardów, takich jak limity charakteru i długości.

W tym artykule opisano procedurę potwierdzenia nazwy użytkownika za pomocą Regex w JavaScript.

Jak potwierdzić nazwę użytkownika za pomocą regex JavaScript?

Aby potwierdzić nazwę użytkownika, najpierw stwórz wyrażenie regularne, które określi, czy wartość wejściowa użytkownika pasuje do podanego wzoru. Następnie użyj „test()”Metoda weryfikacji danych wejściowych użytkownika według wzoru.

Postępuj zgodnie z podanym wzorem, aby przyjmować dane wejściowe zawierające tylko litery, liczby i obie, ale nie pozwala na wejście do żadnego szczególnego charakteru:

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

Dany wzór pozwoli tylko na litery z liczbami i nie pozwala na wprowadzanie tylko liczb, liter i znaków specjalnych w wejściu:

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

Bonusowa wskazówka: Możesz także określić długość nazwy użytkownika w swoim wzorze.

Użyj podanej składni dla „test()”Metoda weryfikacji wejściowych zgodnie z wzorem wyrażenia regularnego:

wzór.test (wejście)

Przykład 1: Nazwa użytkownika zawiera tylko liczby, litery i oba znaki specjalne nie są dozwolone

Najpierw utwórz formularz w dokumencie HTML za pomocą znacznika zawierającego pole wejściowe i przycisk Prześlij. Dołącz „na kliknięcie„Wydarzenie z przyciskiem, które wywoła„VALITODEUSERNAME ()„Funkcja przycisku kliknij:

Nazwa użytkownika:



Składać

W znaczniku zdefiniujemy funkcję o nazwie „VALITODEUSERNAME ()„To wywoła kliknięcie przycisku:

funkcja VALITODEUSERNAME ()

var inputValue = Dokument.getElementById („wejście”).wartość;
var regexpattern = /^[a-za-z0-9]+$ /;
if (RegexPattern.test (wartości wejściowe))

alert („nazwa użytkownika jest ważna”);
zwrócić true;

w przeciwnym razie

alert („wprowadź ważną nazwę użytkownika”);
zwrócić fałsz;

W wyżej zdefiniowanej funkcji:

• Najpierw uzyskaj odniesienie do pola wejściowego za pomocą „dokument.getElementById ()”Metoda, a następnie odzyskaj wartość wejścia użytkownika za pomocą„wartość" atrybut.
• Zdefiniuj wzorzec walidacji nazwy użytkownika.
• Następnie użyj „tekst()”Metoda z wzorem i przyjmij dane wejściowe jako argument w celu sprawdzenia, czy dane wejściowe jest zgodnie z regexem, czy nie.
• Jeśli wartość wejściowa jest równoważna wzorowi, komunikat o alercie ”Nazwa użytkownika jest ważna”Pokazuje się, w przeciwnym razie pole Alert wyświetla„Wprowadź ważną nazwę użytkownika" wiadomość:

Wyjście

Przykład 2: Nazwa użytkownika zawiera litery z liczbami, tylko liczby lub tylko litery nie są dozwolone

W tym przykładzie użyjemy Regex do przyjmowania danych wejściowych zawierających litery z liczbami, tylko cyframi, literami lub znakami specjalnymi z literami lub liczbami są niedozwolone. Do tego użyjemy danego wzoru w „VALITODEUSERNAME ()”Funkcja:

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

Wyjście pokazuje, że gdy użytkownik wprowadza tylko cyfry, litery lub nazwę użytkownika z listem, liczbą i znakiem specjalnym, komunikatem ostrzegawczym „Wprowadź ważną nazwę użytkownika" jest pokazane. Wprowadzając dane wejściowe zawierające zarówno litery, jak i cyfry, podaje wiadomość ”Nazwa użytkownika jest ważna”:

Chodzi o walidację nazwy użytkownika w JavaScript za pomocą Regex.

Wniosek

Aby potwierdzić nazwę użytkownika, użyj wyrażenia regularnego lub wzorca wyrażenia wyrażenia zgodnie z Twoimi wymaganiami. W tym artykule omówiliśmy dwa wzorce; "/^[A-za-Z0-9]+$/;" I "/^(?=.*[a-za-z]) (?=.*[0-9]) [A-Za-Z0-9]+$/;". Pierwszy wzór przyjmuje dane wejściowe tylko z literami, liczbami i obiema, ale nie pozwala na wprowadzenie żadnego charakteru specjalnego. Podczas gdy drugi wzór nie pozwala na wprowadzanie tylko liter i cyfr jako nazwy użytkownika. W celu walidacji danych wejściowych zgodnie z wzorem „test()”Metoda jest wykorzystywana. W tym artykule opisano procedurę potwierdzenia nazwy użytkownika za pomocą Regex w JavaScript.