Come verificare se la stringa contiene numeri e lettere in JavaScript

Mentre navigiamo su Internet, ci imbattiamo spesso in situazioni in cui dobbiamo coprire qualsiasi divisione di argomenti troppo grandi per contenere una varietà di record, compresi i numeri. Ad esempio, quando è necessario creare un nome utente e una password sicuri. In tali casi, il controllo se una stringa contiene numeri e lettere in JavaScript può aiutarti a filtrare i dati in base alla condizione aggiunta.

Questo blog spiegherà i metodi per verificare se la stringa contiene numeri e lettere in JavaScript.

Come controllare/verificare se una stringa particolare contiene numeri e lettere in JavaScript?

Per verificare se una stringa contiene numeri e lettere in JavaScript, è possibile utilizzare i seguenti metodi:

• "Espressione regolare" E "addEventListener ()" Metodo
• "Espressione regolare" E "incontro()" Metodo
• "Espressione regolare" E "test()" Metodo

Dai un'occhiata a ciascuno dei metodi uno per uno!

Metodo 1: verificare se la stringa contiene numeri e lettere in javascript usando l'espressione regolare e il metodo addeventlistener ()

UN "espressione regolare"È una sequenza di caratteri che forma un modello di ricerca e"addEventListener ()"Il metodo unisce un gestore di eventi a un documento. Questi metodi possono essere implementati per applicare un'espressione regolare al valore fornito ed eseguire il controllo richiesto su di esso.

Sintassi

/pattern/modificatori;

Qui, "modello"È un'espressione regolare e"modificatori"Fare riferimento a un modificatore.

documento.addEventListener (evento, funzione)

Nella sintassi sopra, "evento"Si riferisce all'evento specificato e"funzione"È la funzione che verrà invocata quando viene attivato l'evento specificato.

Esempio

Nel seguente esempio, creeremo un pulsante e includeremo un'intestazione in e

Tag, rispettivamente:

Cliccami

Risultato

Ora, accedi al pulsante creato e intestazione usando "documento.QuerySelector ()"Metodo e memorizzali nelle variabili specificate:

Let Button = Document.QuerySelector ("Button");
let outputmsg = documento.QuerySelector ("H2");

Successivamente, conservare un valore alfanumerico in una variabile denominata "controllo"Che verrà utilizzato per controllare la condizione specifica:

let Check = "javascript40";

Successivamente, applica l'espressione regolare in cui "[A-Za-Z]"Corrisponde a qualsiasi personaggio da minuscolo"UN"Attraverso la maiuscola"Z" E "[0-9]"Si riferisce ai numeri da 0 a 9:

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

Infine, allega un evento chiamato "clic"Al pulsante creato. Qui, applica l'espressione regolare specifica sul valore particolare da verificare usando "test()" metodo. Nel caso in cui la condizione sia valutata come vera, il messaggio "Numeri e lettere contenuti!"Verrà visualizzato sul modello Object Model (DOM):

pulsante.addEventListener ("Click", () =>
let ismatch = regexp.Test (controllo)
Sia risultato = isMatch ? "Numeri e lettere contenuti!":" Digita numeri e lettere!";
outputmsg.InnerText = risultato;
);

L'implementazione di cui sopra comporterà il seguente output:

Metodo 2: verificare se la stringa contiene numeri e lettere in javascript utilizzando il metodo REGEX Operator e Match ()

IL "incontro()"Il metodo corrisponde a una stringa rispetto alla stringa aggiunta o all'espressione regolare. Più specificamente, utilizzeremo questi metodi per includere un campo di input, applicare un controllo sui valori immessi e restituire il risultato corrispondente tramite un avviso.

Sintassi

corda.Match (Regex)

Nella sintassi data, "Regex"Si riferisce all'espressione regolare che deve essere abbinata al valore della stringa fornito.

Il seguente esempio spiega il concetto dichiarato.

Esempio

Innanzitutto, includi un campo di testo di input con l'ID specificato per l'immissione dei valori. Inoltre, crea un pulsante con un "al clic"Evento che invocherà il"numlett ()"Se attivato:

Digita numeri e lettere

Cliccami

Successivamente, definisci una funzione chiamata "numlett ()". Nella sua definizione, prendi il tipo di input specificato prima applicando il "documento.getElementById ()" metodo. Successivamente, applica un'espressione regolare come discusso nel metodo precedente e abbina il valore della stringa con l'espressione usando "incontro()" metodo.

In questo caso, se i valori vengono abbinati al regex aggiunto, il messaggio specificato verrà visualizzato con l'aiuto di una casella di avviso:

functionnumlett ()
var check = documento.getElementById ("MyInput");
var regex = /^(?=.*[a-za-z]) (?=.*[0-9])/;
Se (controlla.valore.match (regex))
avviso ("numeri e lettere contenuti!");

altro
Avviso ('Digita numeri e lettere!');

Produzione

Metodo 3: verificare se la stringa contiene numeri e lettere in javascript usando l'espressione regolare e test ()

Il javascript "test()"Test del metodo per una corrispondenza nella stringa data. Questo metodo può essere applicato per testare più valori assegnati in base all'espressione regolare.

Sintassi

RegexPobject.Test (STR)

Qui, "corda"Si riferisce alla stringa particolare che deve essere testata.

Esempio

In primo luogo, assegnare diversi tipi di valori a tre costanti, tra cui la combinazione di numeri, lettere e caratteri speciali:

const check1 = 'javascript40';
const check2 = 'numeri e lettere';
const check3 = 'con simboli !@#$%^& ';

Ora, definisci una funzione chiamata "numlett ()"E pass"str"Nel suo argomento che si riferisce al valore assegnato che deve essere controllato.

Infine, testare i valori in base all'espressione regolare invocando la funzione Numlett ():

funzione numlett (str)
return /^[a-za-z0-9]*$ /.Test (STR);

console.log ("La condizione è:", numlett (check1));
console.log ("La condizione è:", numlett (check2));
console.log ("La condizione è:", numlett (check3));

Nel seguente output, il valore booleano "VERO"Indica che la stringa particolare"Check1"Contiene sia i numeri che le lettere:

Abbiamo fornito i metodi più semplici per verificare se una stringa contiene numeri e lettere in JavaScript.

Conclusione

Per controllare/verificare se una stringa contiene numeri e lettere in JS, utilizzare il regexp e il “addEventListener ()"Metodo per applicare un'espressione regolare e un evento di clic per eseguire il clic di controllo sul pulsante,"incontro()"Metodo per includere un campo di input, applicare un controllo sui valori immessi e restituire l'avviso corrispondente o il"test()"Metodo per testare più valori in base all'espressione regolare. Questo manuale ha spiegato i metodi per verificare se i numeri e le lettere sono contenuti in una stringa in JavaScript.