Come convalidare una lettera e sullo spazio bianco input solo tramite JavaScript Regular Expression

Durante lo sviluppo di siti Web utilizzando JavaScript, la convalida dei campi di input dei moduli HTML è una parte importante. Il requisito di convalida di input comune è che un utente inserisca solo lettere e spazi nel campo di input di un modulo. Ciò è possibile utilizzando espressioni regolari JavaScript.

Questo tutorial descriverà la lettera di convalida e lo spazio bianco solo input usando espressioni regolari in JavaScript.

Come controllare/convalidare una lettera e spazzole in ingresso solo con JavaScript Regex/Regular Expression?

Per la convalida del campo di input, creare un'espressione regolare o il modello regex che corrisponde solo a lettere e spazio bianco. Quindi, usa il "incontro()" O "test()"Metodo per verificare l'input dell'utente, che corrisponda al modello dato o no.

Il seguente modello verrà utilizzato per la convalida del campo di input per inserire solo lettere con spazi bianchi:

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

Per usare il "incontro()"Metodo, utilizzare la sintassi di seguito:

ingresso.Match (Pattern)

Puoi anche usare il “test()"Metodo per verificare l'input in base a Regex utilizzando la sintassi fornita:

modello.Test (input)

Esempio
Nell'esempio dato, useremo il "incontro()"Metodo per convalidare il campo di input.

Innanzitutto, crea un modulo in un documento HTML utilizzando HTML ""Elemento, che contiene un campo di input e un pulsante di invio che chiama la funzione"validateInput ()"Sul pulsante Click:

Invia

Nel file JavaScript, utilizzare il seguente codice per convalidare il campo di input per immettere solo lettere e spazi bianchi:

funzione validateInput ()

var inputValue = documento.getElementById ("Input").valore;
var regexpattern = /^[a-z] [a-z \ s]*$ /;
if (inputValue.Match (regexPattern))

avviso ("L'ingresso è validato");
restituire vero;

altro

Avviso ("Immettere solo lettere e spazi");
restituire false;

Secondo il codice sopra:

• Nel file JavaScript, definisce una funzione denominata "validateInput ()".
• All'interno della funzione, in primo luogo, ottenere il valore del campo di input usando "getElementById ()"Metodo e definire un'espressione regolare.
• Quindi, usa il "incontro()"Metodo per verificare se l'input corrisponde al modello regex dato/specificato.
• Se "SÌ", Quindi, mostra un messaggio di avviso"L'ingresso è validato". Se non lo è, allora visualizza il messaggio "Immettere solo lettere e spazi"In una scatola di allerta.

Produzione

Si tratta di convalidare un input per immettere solo lettere e spazi bianchi usando espressioni regolari JavaScript.

Conclusione

Per convalidare un campo di input per immettere solo lettere e spazi bianchi, utilizzare l'espressione regolare o il modello di regex "/^[a-z] [a-z \ s]*$/"Con il javascript predefinito"incontro()" E "test()"Metodi. Questi metodi vengono utilizzati per verificare i campi di input secondo il modello fornito. Questo tutorial ha descritto la procedura per convalidare la lettera e lo spazio bianco solo input usando espressioni regolari in JavaScript.