So überprüfen Sie, ob die Zeichenfolge Zahlen und Buchstaben in JavaScript enthält
In diesem Blog werden die Methoden erläutert, um zu überprüfen, ob die Zeichenfolge Zahlen und Buchstaben in JavaScript enthält.
So überprüfen/überprüfen Sie, ob eine bestimmte Zeichenfolge Zahlen und Buchstaben in JavaScript enthält?
Um zu überprüfen, ob eine Zeichenfolge Zahlen und Buchstaben in JavaScript enthält, können die folgenden Methoden verwendet werden:
- “Regulären Ausdruck" Und "AddEventListener ()" Methode
- “Regulären Ausdruck" Und "passen()" Methode
- “Regulären Ausdruck" Und "prüfen()" Methode
Schauen wir uns die einzelnen Methoden nacheinander an!
Methode 1: Überprüfen Sie, ob die Zeichenfolge Nummern und Buchstaben in JavaScript unter Verwendung des regulären Ausdrucks und der Methode addEventListener () enthält
A "regulären Ausdruck”Ist eine Folge von Zeichen, die ein Suchmuster bildet, und das“AddEventListener ()Die Methode verbindet einen Ereignishandler in ein Dokument. Diese Methoden können implementiert werden, um einen regelmäßigen Ausdruck auf den bereitgestellten Wert anzuwenden und die erforderliche Prüfung durchzuführen.
Syntax
/Muster/Modifikatoren;Hier, "Muster"Ist ein regelmäßiger Ausdruck und"Modifikatoren”Siehe einen Modifikator.
dokumentieren.AddEventListener (Ereignis, Funktion)In der obigen Syntax “,“Fall"Bezieht sich auf das angegebene Ereignis und"FunktionIst die Funktion, die aufgerufen wird, wenn das angegebene Ereignis ausgelöst wird.
Beispiel
Im folgenden Beispiel werden wir eine Schaltfläche erstellen und eine Überschrift in das und einbeziehen
Tags: jeweils Tags:
Ergebnis
Greifen Sie nun auf die erstellte Taste und die Überschrift mit der “zu"dokumentieren.QuerySelector ()Methode und speichern Sie sie in den angegebenen Variablen:
Lassen Sie Taste = Dokument.QuerySelector ("Taste");lass outputmsg = dokument.QuerySelector ("H2");
Lagern Sie danach einen alphanumerischen Wert in einer Variablen namens “überprüfenMit der verwendet wird, um den spezifischen Zustand zu überprüfen:
Check = "JavaScript40";Wenden Sie als nächstes den regulären Ausdruck an, in dem “[A-Za-Z]"Stimmt zu jedem Charakter aus Kleinbuchstaben"A"Durch Großbuchstaben"Z" Und "[0-9]”Bezieht sich auf die Zahlen von 0 bis 9:
lass regexp = /^(?=.*[a-za-z]) (?=.*[0-9])/;Schließlich eine Veranstaltung mit dem Namen namens “klicken”Auf die erstellte Schaltfläche. Wenden Sie hier den spezifischen regulären Ausdruck auf den jeweiligen Wert an, der mit der “überprüft werden sollprüfen()" Methode. Falls die Bedingung als wahr bewertet wird, ist die Nachricht “Zahlen und Buchstaben enthalten!”Wird auf dem DOMM -Modell (DOMM) angezeigt:
Taste.AddEventListener ("Click", () =>Lassen Sie Ismatch = Regexp.Test (prüfen)
Sei result = ismatch ? "Zahlen und Buchstaben enthalten!":" Bitte geben Sie Zahlen und Buchstaben ein!";
outputmsg.InnerText = Ergebnis;
);
Die obige Implementierung führt zu der folgenden Ausgabe:
Methode 2: Überprüfen Sie, ob die Zeichenfolge Zahlen und Buchstaben in JavaScript mit Regex -Operator und Match () -Methode enthält
Der "passen()Die Methode entspricht einer Zeichenfolge in Bezug auf die hinzugefügte Zeichenfolge oder den regulären Ausdruck. Insbesondere verwenden wir diese Methoden, um ein Eingangsfeld einzuschließen, die eingegebenen Werte zu überprüfen und das entsprechende Ergebnis über eine Warnung zurückzugeben.
Syntax
Saite.Match (Regex)In der gegebenen Syntax “,“Regex”Bezieht sich auf den regulären Ausdruck, der mit dem bereitgestellten String -Wert übereinstimmt werden muss.
Das folgende Beispiel erklärt das angegebene Konzept.
Beispiel
Fügen Sie zunächst ein Eingabentextfeld mit der angegebenen ID zum Eingeben der Werte hinzu. Erstellen Sie auch eine Schaltfläche mit einem “ONCLICK"Ereignis, das das aufrufen wird"numlett ()”Wenn ausgelöst:
Geben Sie Zahlen und Buchstaben ein
Definieren Sie als nächstes eine Funktion namens “numlett ()”. Abrufen Sie in seiner Definition den zuvor angegebenen Eingangstyp ab, indem Sie die “anwenden“dokumentieren.GetElementById ()" Methode. Wenden Sie anschließend einen regulären Ausdruck an, der in der vorherigen Methode erörtert wird, und übereinstimmen den String -Wert mit dem Ausdruck mit der “passen()" Methode.
In diesem Fall wird die angegebene Meldung mit Hilfe eines Warnungsfelds angezeigt, wenn die Werte mit dem hinzugefügten Regex abgestimmt werden:
FunktionNumlett ()var check = document.GetElementById ("myInput");
var regex = /^(?=.*[a-za-z]) (?=.*[0-9])/;
if (prüfen.Wert.Match (regex))
ALERT ("Zahlen und Buchstaben enthalten!");
anders
ALERT ('Bitte geben Sie Zahlen und Buchstaben ein!');
Ausgang
Methode 3: Überprüfen Sie, ob die Zeichenfolge Nummern und Buchstaben in JavaScript unter Verwendung der regulären Expression und test () -Methode enthält
Das JavaScript "prüfen()Methodentests für eine Übereinstimmung in der angegebenen Zeichenfolge. Diese Methode kann angewendet werden, um mehrere zugewiesene Werte basierend auf dem regulären Ausdruck zu testen.
Syntax
RegexpObject.Test (STR)Hier, "Saite”Bezieht sich auf die bestimmte Zeichenfolge, die getestet werden muss.
Beispiel
Weisen Sie zunächst drei Konstanten verschiedene Wertearten zu, einschließlich der Kombination von Zahlen, Buchstaben und Sonderzeichen:
const check1 = 'JavaScript40';const check2 = 'Zahlen und Buchstaben';
const check3 = 'mit Symbolen !@#$%^& ';;
Definieren Sie nun eine Funktion namens “numlett ()"Und passieren"strIn seinem Argument, das sich auf den zugewiesenen Wert bezieht, der überprüft werden muss.
Testen Sie zuletzt die Werte basierend auf dem regulären Ausdruck, indem Sie die Funktion numlett () aufrufen:
Funktion numlett (str)return /^[a-za-z0-9]*$ /.Test (str);
Konsole.log ("Die Bedingung ist:", numlett (check1));
Konsole.log ("Die Bedingung ist:", numlett (check2));
Konsole.log ("Die Bedingung ist:", numlett (check3));
In der folgenden Ausgabe der boolesche Wert “WAHR”Zeigt an, dass die bestimmte Zeichenfolge"check1”Enthält sowohl die Zahlen als auch die Buchstaben:
Wir haben die einfachsten Methoden bereitgestellt, um zu überprüfen, ob eine Zeichenfolge Zahlen und Buchstaben in JavaScript enthält.
Abschluss
Um zu überprüfen/zu überprüfen, ob eine Zeichenfolge Zahlen und Buchstaben in JS enthält, verwenden Sie die Regexp und die “AddEventListener ()Methode zum Anwenden eines regulären Ausdrucks und eines Klickereignisses, um die Überprüfung der Schaltfläche Klick durchzuführenpassen()Methode, um ein Eingabefeld hinzuzufügen, eine Überprüfung der eingegebenen Werte anwenden und die entsprechende Warnung oder die “zurückgebenprüfen()Methode zum Testen mehrerer Werte basierend auf dem regulären Ausdruck. In diesem Handbuch wurden die Methoden zum Überprüfen erläutert, ob die Zahlen und Buchstaben in einer Zeichenfolge in JavaScript enthalten sind.