Jak zweryfikować kod PIN i numer telefonu komórkowego w JavaScript

Na stronach internetowych może istnieć wiele formularzy HTML do uzyskania danych użytkownika. Podczas gromadzenia danych użytkownika głównym problemem/trudnością jest sprawdzanie poprawności danych przed przesłaniem ich do bazy danych. Do sprawdzania poprawności danych można użyć wyrażeń regularnych za pomocą JavaScript.

W tym samouczku opisuje metodę sprawdzania poprawności kodów PIN i numerów telefonów komórkowych za pomocą JavaScript.

Jak zweryfikować kod PIN i numer telefonu komórkowego w JavaScript?

Aby potwierdzić kod PIN i numer telefonu komórkowego, użyj „Wyrażenia regularne”Z„mecz()„Metoda w JavaScript. Metoda match () dopasowuje wartość do wyrażenia regularnego, jeśli zostanie dopasowana, metoda powróci true, w przeciwnym razie poda fałsz.

Wzorzec regularny w celu sprawdzania kodu PIN

Kody PIN są zwykle 4-cyfrowe, 5-cyfrowe lub 6-cyfrowe kody. Tutaj napiszemy Regex do sprawdzania poprawności 6-cyfrowego kodu PIN:

/^\ d 6 $/

W powyższym wzorze:

• "/„Postać cięcia do przodu jest wykorzystywana w odniesieniu do granic wyrażenia/wzoru regularnego.
• "^”Reprezentuje początek liczby.
• "D„Oznacza cyfry.
• "”Wskazuje limit, który jest„6".
• "\„Postać odwrotna jest postać ucieczki.
• "$”Wskazuje koniec łańcucha.

Wzorzec Regex w celu sprawdzania numeru telefonu komórkowego

Konieczne jest sprawdzanie poprawności numeru telefonu/telefonu komórkowego w formularzu HTML. Ważny numer telefonu może być dostępny w różnych formatach, w zależności od obszaru. Kliknij link, aby sprawdzić różne wyrażenia regularne, aby potwierdzić numery telefonów.

Omówimy tutaj dwa wspólne formaty, jeden to tylko liczby o długości 10:

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

Powyższa regex wskazuje, że możesz wprowadzić zaledwie 10 cyfr jako numer telefonu bez żadnego ogranicznika, takiego jak przestrzeń lub jakikolwiek charakter szczególny, w tym „+”,„-" Lub "()".

Przykład

Najpierw zaprojektujmy stronę internetową, a następnie użyj JavaScript, aby zweryfikować kod PIN i numer telefonu komórkowego. Przejdź do pliku HTML i wklej tam następujący kod:

Składać

W powyższym kodzie:

• Najpierw utwórz formę z akcją „#”Co oznacza, że ​​dane nie zostaną nigdzie wysyłane.
• Utwórz dwa pola wejściowe, jeden dla kodu PIN, a drugi dla numeru telefonu komórkowego.
• Stwórz "składać”Przycisk, który zadzwoni do„walidacja()”Metoda weryfikacji kodu PIN i numeru telefonu komórkowego.

Strona HTML będzie wyglądać w następujący sposób:

W znaczniku lub pliku JavaScript wklej następujące wiersze kodu:

Funkcjonowanie Validation (PIN, Mobile)

var pin = dokument.getElementById („pin”).wartość;
var mobileNumber = dokument.getElementById („liczba”).wartość;
pinRegexPattern = /^\ d 6 $ /;
mobregexpattern = /^\ d 3 \ d 3 \ d 4 $ /;
if (pin.mecz (pinregexpattern) && mobileNumber.mecz (MobregexPattern))

Alert („PIN i numer telefonu komórkowego są sprawdzane!");
returnTrue;

if (pin.mecz (pinRegexPattern) 6)
Alert („Pin musi mieć 6 cyfr!");
returnTrue;

w przeciwnym razie

Alert („Wpisałeś nieprawidłowy numer PIN i numer telefonu komórkowego!");
returnfalse;

W powyższym fragmencie:

• Najpierw zdefiniuj funkcję „walidacja”Z dwoma parametrami„ ”szpilka" I "mobilny".
• Uzyskaj wartości wejściowe pól tekstowych, takie jak numer telefonu komórkowego i kod PIN.
• Zdefiniuj wzorce regularności zarówno dla kodu PIN, jak i numeru telefonu komórkowego.
• Teraz, w instrukcji warunkowej, sprawdź wartości wejściowe kodu PIN i numeru telefonu komórkowego i wywołać metodę match (), przekazując regex, który sprawdzi, czy wartość pasuje do wzoru. Jeśli się pasuje, metoda zostanie wydana true, w przeciwnym razie zwraca false.

Możesz zobaczyć w wyjściu, jeśli kod PIN jest mniejszy lub większy niż limit ”6”, Pojawia się alert. Jeśli pin i numer telefonu komórkowego pasują do podanego wzoru, pokaże wiadomość do sprawdzania poprawności:

Teraz użyjemy innego wzorca do sprawdzania poprawności numerów telefonów komórkowych, które są długości 13, w tym ogranicznik (+), który oznaczy kod kraju:

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

W powyższym wzorze Regex:

• "^„Oznacza początek sznurka.
• Granice wyrażenia regularnego są wskazywane przez postać przedniego cięcia „/".
• "”Reprezentuje limit.
• "$”Wskazuje, że ciąg się skończył.
• "[0-9] 2… .”Reprezentuje dwie cyfry obok ograniczenia + w zakresie od 0 do 9.

W kodzie JavaScript użyjemy tego samego powyższego kodu, zastępując tylko „MobileeGexPattern”:

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

Wyjście

Chodziło o walidację kodu PIN i numeru telefonu komórkowego w JavaScript.

Wniosek

Aby potwierdzić kody PIN i numery komórkowe, użyj „Wyrażenia regularne”Z„mecz()„Metoda, która dopasuje wartości wejściowe do danego wzoru; Jeśli pasuje, zwraca prawdę, bo inaczej daje fałsz. W tym samouczku opisaliśmy metodę walidacji kodów PIN i numerów telefonów komórkowych za pomocą JavaScript.