Jak sprawdzić, czy ciąg zawiera liczby i litery w JavaScript

Podczas surfowania po Internecie często spotykamy sytuacje, w których musimy omówić dowolny podział tematów, które są zbyt duże, aby przechowywać różne zapisy, w tym liczby. Na przykład, gdy musisz utworzyć bezpieczną nazwę użytkownika i hasło. W takich przypadkach sprawdzanie, czy ciąg zawiera liczby i litery w JavaScript może pomóc w filtrowaniu danych na podstawie dodanego warunku.

Ten blog wyjaśni metody sprawdzenia, czy ciąg zawiera liczby i litery w JavaScript.

Jak sprawdzić/sprawdzić, czy określony ciąg zawiera liczby i litery w JavaScript?

Aby sprawdzić, czy ciąg zawiera liczby i litery w JavaScript, można zastosować następujące metody:

• "Wyrażenie regularne" I "addEventListener ()" Metoda
• "Wyrażenie regularne" I "mecz()" Metoda
• "Wyrażenie regularne" I "test()" Metoda

Sprawdźmy każdą z metod jeden po drugim!

Metoda 1: Sprawdź, czy ciąg zawiera liczby i litery w JavaScript za pomocą wyrażenia regularnego i metody addEventListener ()

A "Wyrażenie regularne”To sekwencja znaków, które tworzą wzorzec wyszukiwania i„addEventListener ()„Metoda łączy obsługę zdarzeń z dokumentem. Metody te można wdrożyć w celu zastosowania wyrażenia regularnego do dostarczonej wartości i wykonania wymaganej kontroli.

Składnia

/wzór/modyfikatory;

Tutaj, "wzór”To wyrażenie regularne i„modyfikatory„Odnieś się modyfikator.

dokument.addEventListener (zdarzenie, funkcja)

W powyższej składni „wydarzenie”Odnosi się do określonego wydarzenia i„funkcjonować”Jest funkcją, która zostanie wywołana po uruchomieniu określonego zdarzenia.

Przykład

W poniższym przykładzie utworzymy przycisk i dołączymy nagłówek w i

odpowiednio tagi:

Kliknij

Wynik

Teraz uzyskaj dostęp do utworzonego przycisku i kierowanie za pomocą „dokument.QuerySelelect ()”Metoda i przechowuj je w określonych zmiennych:

Niech przycisk = dokument.querySelelect („przycisk”);
Niech wyjściemsg = dokument.QuerySelelect („H2”);

Następnie przechowuj wartość alfanumeryczną w zmiennej o nazwie „sprawdzać”, Które zostaną użyte do sprawdzenia określonego warunku:

Let Check = "javascript40";

Następnie zastosuj wyrażenie regularne, w którym „[a-za-z]„Dopasuje dowolną postać z małej litery”A„Poprzez wielki poziom”Z" I "[0-9]”Odnosi się do liczb od 0 do 9:

Niech Regexp = /^(?=.*[a-za-z]) (?=.*[0-9])/;

Na koniec załącz wydarzenie o nazwie „Kliknij”Do utworzonego przycisku. Tutaj zastosuj konkretne wyrażenie regularne na konkretną wartość, którą należy sprawdzić za pomocą „test()" metoda. W przypadku, gdy warunek jest oceniany jako prawdziwa, wiadomość „Zawarte liczby i litery!”Będzie wyświetlany w modelu Object Document (DOM):

przycisk.addEventListener („kliknij”, () =>
pozwól ismatch = regexp.test (sprawdź)
niech wynik = ismatch ? „Zawarte liczby i litery!„:„ Proszę wpisać liczby i litery!";
Outputmsg.innerText = wynik;
);

Powyższa implementacja spowoduje następujące dane wyjściowe:

Metoda 2: Sprawdź, czy ciąg zawiera liczby i litery w JavaScript za pomocą metody Regex Operator i Match ()

„„mecz()”Metoda odpowiada ciągu w odniesieniu do dodanego ciągu lub wyrażenia regularnego. Mówiąc dokładniej, użyjemy tych metod, aby uwzględnić pole wejściowe, zastosuj sprawdzenie wprowadzonych wartości i zwróć odpowiedni wynik za pomocą alertu.

Składnia

strunowy.mecz (Regex)

W podanej składni „Regex”Odnosi się do wyrażenia regularnego, które należy dopasować do dostarczonej wartości ciągu.

Poniższy przykład wyjaśnia podaną koncepcję.

Przykład

Najpierw dołącz pole tekstowe wejściowe z określonym identyfikatorem do wprowadzenia wartości. Utwórz także przycisk z „na kliknięcie„Wydarzenie, które wywoła„numlett ()„Po uruchomieniu:

Liczby typu i litery

Kliknij

Następnie zdefiniuj funkcję o nazwie „numlett ()". W swojej definicji pobieraj typ wejściowy określony wcześniej, stosując „dokument.getElementById ()" metoda. Następnie zastosuj wyrażenie regularne, jak omówiono w poprzedniej metodzie i dopasuj wartość ciągu do wyrażenia za pomocą „mecz()" metoda.

W takim przypadku, jeśli wartości zostaną dopasowane do dodanej Regex, określony komunikat zostanie wyświetlony za pomocą pole alertu:

funkcjaNumlett ()
var check = dokument.getElementById („MyInput”);
var Regex = /^(?=.*[a-za-z]) (?=.*[0-9])/;
if (sprawdź.wartość.mecz (Regex))
alert („Zawarte liczby i litery!");

w przeciwnym razie
Alert („Proszę wpisać liczby i litery!');

Wyjście

Metoda 3: Sprawdź, czy ciąg zawiera liczby i litery w JavaScript za pomocą wyrażenia regularnego i metody testowej ()

JavaScript „test()”Testy metody dopasowania w danym ciągu. Tę metodę można zastosować do testowania wielu przypisanych wartości na podstawie wyrażenia regularnego.

Składnia

RegexPobject.Test (STR)

Tutaj, "strunowy”Odnosi się do konkretnego ciągu, który należy przetestować.

Przykład

Po pierwsze, przypisz różne typy wartości do trzech stałych, w tym kombinację liczb, liter i znaków specjalnych:

const check1 = „javascript40”;
const check2 = „Liczby i litery”;
const check3 = 'z symbolami !@#$%^& ';

Teraz zdefiniuj funkcję o nazwie „numlett ()”I przekaż„str”W argumencie, który odnosi się do przypisanej wartości, którą należy sprawdzić.

Wreszcie przetestuj wartości oparte na wyrażeniu regularnym, wywołując funkcję numlett ():

funkcja numlett (str)
return /^[a-za-z0-9]*$ /.test (str);

konsola.log („Warunek to:”, Numlett (Check1));
konsola.log („Warunek to:”, Numlett (Check2));
konsola.log („Warunek to:”, numlett (check3));

Na następujących wyjściach wartość logiczna „PRAWDA”Wskazuje, że konkretny ciąg„Check1”Zawiera zarówno liczby, jak i litery:

Podaliśmy najprostsze metody sprawdzenia, czy ciąg zawiera liczby i litery w JavaScript.

Wniosek

Aby sprawdzić/sprawdzić, czy ciąg zawiera liczby i litery w JS, użyj RegexP i „addEventListener ()„Metoda zastosowania wyrażenia regularnego i zdarzenia kliknięcia, aby wykonać sprawdź przycisk kliknij,„mecz()”Metoda uwzględnienia pola wejściowego, zastosuj sprawdzenie wprowadzonych wartości i zwróć odpowiedni alert lub„test()„Metoda testowania wielu wartości na podstawie wyrażenia regularnego. Niniejszy podręcznik wyjaśnił metody sprawdzania, czy liczby i litery są zawarte w ciągu w JavaScript.