Jak zweryfikować kod PIN i numer telefonu komórkowego w 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:
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.