So validieren Sie einen Buchstaben und eine Whitespace -Eingabe nur über den regulären Ausdruck von JavaScript

So validieren Sie einen Buchstaben und eine Whitespace -Eingabe nur über den regulären Ausdruck von JavaScript
Während der Entwicklung von Websites mit JavaScript ist die Validierung der Eingabefelder von HTML -Formularen ein wichtiger Teil. Die allgemeine Anforderung für Eingabevalidierung ist, dass ein Benutzer nur Buchstaben und Leerzeichen in das Eingabefeld eines Formulars eingibt. Dies ist mit regulären JavaScript -Ausdrücken möglich.

In diesem Tutorial wird Validing Letter und Whitespace nur Eingaben unter Verwendung regulärer Ausdrücke in JavaScript beschrieben.

So überprüfen/validieren Sie einen Buchstaben und einen Whitespace nur mit JavaScript Regex/regulärem Ausdruck?

Erstellen Sie zur Validierung des Eingangsfeldes einen regulären Ausdruck oder das Regex -Muster, das nur Buchstaben und Whitespace entspricht. Verwenden Sie dann das “passen()" oder "prüfen()Methode zur Überprüfung der Benutzereingabe, unabhängig davon, ob sie mit dem angegebenen Muster übereinstimmt oder nicht.

Das folgende Muster wird für die Validierung des Eingabefeldes verwendet, um nur Buchstaben mit Whitespaces einzugeben:

var regexpattern = /^[a-z] [a-z \ s]*$ /;

Für die Verwendung der “passen()Methode, verwenden Sie die unten erwähnte Syntax:

Eingang.Match (Muster)

Sie können auch die „verwenden“prüfen()Methode zur Überprüfung der Eingaben gemäß Regex unter Verwendung der bereitgestellten Syntax:

Muster.Test (Eingabe)

Beispiel
In dem angegebenen Beispiel werden wir die „verwenden“passen()Methode zur Validierung des Eingabefeldes.

Erstellen Sie zunächst ein Formular in einem HTML -Dokument mithilfe der HTMLElement, das ein Eingabefeld enthält, und eine Schaltfläche Senden, die die Funktion aufruftvalidateInput ()”Auf der Schaltfläche Klicken Sie::






Verwenden Sie in der JavaScript -Datei den folgenden Code für die Validierung des Eingabebuchs, um nur Buchstaben und Whitespaces einzugeben:

Funktion validateInput ()

var InputValue = Dokument.GetElementById ("Eingabe").Wert;
var regexpattern = /^[a-z] [a-z \ s]*$ /;
if (InputValue.Match (Regexpattern))

alarm ("Eingabe ist validiert");
zurückkehren;

anders

alarm ("nur Buchstaben und Leerzeichen eingeben");
falsch zurückgeben;

Nach dem obigen Code:

  • Definieren Sie in der JavaScript -Datei eine Funktion namens “validateInput ()”.
  • Innerhalb der Funktion erhalten Sie zunächst den Wert des Eingangsfeldes mit der “GetElementById ()Methode und definieren Sie einen regulären Ausdruck.
  • Verwenden Sie dann das “passen()Methode, um zu überprüfen, ob die Eingabe mit dem angegebenen/angegebenen Regex -Muster übereinstimmt.
  • Wenn "Ja"Zeigen Sie dann eine Warnmeldung"Eingabe wird validiert”. Wenn dies nicht der Fall ist, zeigen Sie die Nachricht an “Geben Sie nur Buchstaben und Leerzeichen ein”In einer Alarmbox.

Ausgang

Es geht darum, eine Eingabe zu validieren, um nur Buchstaben und Whitespaces unter Verwendung von JavaScript -regulären Ausdrücken einzugeben.

Abschluss

Verwenden Sie das reguläre Ausdruck oder das Regex -Muster, um ein Eingabefeld so zu validieren, dass nur Buchstaben und Whitespaces eingeben/^[a-z] [a-z \ s]*$/"Mit dem JavaScript" Prebuilt "passen()" Und "prüfen()”Methoden. Diese Methoden werden zur Überprüfung der Eingangsfelder gemäß dem bereitgestellten Muster verwendet. In diesem Tutorial wurde das Verfahren zur Validierung von Buchstaben und der Whitespace nur mit regulären Ausdrücken in JavaScript beschrieben.