Cómo verificar si la cadena contiene números y letras en JavaScript

Mientras navegamos por Internet, a menudo nos encontramos con situaciones en las que necesitamos cubrir cualquier división de temas que sean demasiado grandes para mantener una variedad de registros, incluidos los números. Por ejemplo, cuando necesita crear un nombre de usuario y contraseña seguros. En tales casos, verificar si una cadena contiene números y letras en JavaScript puede ayudarlo a filtrar los datos en función de la condición adicional.

Este blog explicará los métodos para verificar si la cadena contiene números y letras en JavaScript.

Cómo verificar/verificar si una cadena en particular contiene números y letras en JavaScript?

Para verificar si una cadena contiene números y letras en JavaScript, se pueden utilizar los siguientes métodos:

• "Expresión regular" y "addEventListener ()" Método
• "Expresión regular" y "fósforo()" Método
• "Expresión regular" y "prueba()" Método

Veamos cada uno de los métodos uno por uno!

Método 1: Compruebe si la cadena contiene números y letras en JavaScript utilizando la expresión regular y el método addEventListener ()

A "expresión regular"Es una secuencia de caracteres que forma un patrón de búsqueda, y el"addEventListener ()El método fusiona un controlador de eventos a un documento. Estos métodos se pueden implementar para aplicar una expresión regular al valor proporcionado y realizar la verificación requerida en él.

Sintaxis

/Patrón/Modificadores;

Aquí, "patrón"Es una expresión regular y"modificadores"Consulte un modificador.

documento.addEventListener (evento, función)

En la sintaxis anterior, "evento"Se refiere al evento especificado y"función"Es la función que se invocará cuando se active el evento especificado.

Ejemplo

En el siguiente ejemplo, crearemos un botón e incluiremos un encabezado en el y

Etiquetas, respectivamente:

Haz click en mi

Resultado

Ahora, acceda al botón creado y encabezando usando el "documento.QuerySelector ()Método y guárdelos en las variables especificadas:

Let Button = documento.QuerySelector ("botón");
Dejar salidas = documento.QuerySelector ("H2");

Después de eso, almacene un valor alfanumérico en una variable llamada "controlar"Que se utilizará para verificar la condición específica:

Let Check = "JavaScript40";

A continuación, aplique la expresión regular en la que "[A-Za-Z]"Coincide con cualquier personaje de minúsculas"a"A través de mayúsculas"Z" y "[0-9]"Se refiere a los números de 0 a 9:

Dejar regexp = /^(?=.*[A-ZA-Z]) (?=.*[0-9])/;

Finalmente, adjunte un evento llamado "hacer clic"Al botón creado. Aquí, aplique la expresión regular específica en el valor particular que se verificará utilizando el "prueba()" método. En caso de que la condición se evalúe como verdadera, el mensaje "Números y letras contenidas!"Se mostrará en el modelo de objeto de documento (DOM):

botón.addEventListener ("Click", () =>
Deje ismatch = regexp.Prueba (comprobar)
Sea resultado = ismatch ? "Números y letras contenidas!":" Por favor escriba números y letras!";
emisión.inntext = resultado;
);

La implementación anterior dará como resultado la siguiente salida:

Método 2: Compruebe si la cadena contiene números y letras en JavaScript usando el operador regex y el método Match ()

El "fósforo()El método "coincide con una cadena con respecto a la cadena agregada o la expresión regular. Más específicamente, utilizaremos estos métodos para incluir un campo de entrada, aplicar una verificación de los valores ingresados ​​y devolver el resultado correspondiente a través de una alerta.

Sintaxis

cadena.Match (regex)

En la sintaxis dada, "regular"Se refiere a la expresión regular que debe coincidir con el valor de cadena proporcionado.

El siguiente ejemplo explica el concepto declarado.

Ejemplo

Primero, incluya un campo de texto de entrada con la ID especificada para ingresar los valores. Además, cree un botón con un "al hacer clic"Evento que invocará el"numlett ()"Cuando se activa:

Tipo de números y letras

Haz click en mi

A continuación, defina una función llamada "numlett ()". En su definición, obtenga el tipo de entrada especificado antes aplicando el "documento.getElementById ()" método. Después de eso, aplique una expresión regular como se discute en el método anterior y coincida con el valor de la cadena con la expresión utilizando el "fósforo()" método.

En este caso, si los valores coinciden con la regex adicional, el mensaje especificado se mostrará con la ayuda de un cuadro de alerta:

functionNumLett ()
check var = documento.getElementById ("myInput");
var regex = /^(?=.*[A-ZA-Z]) (?=.*[0-9])/;
if (verificar.valor.Match (regex))
alerta ("Números y letras contenidas!");

demás
alerta ('escriba números y letras!');

Producción

Método 3: Compruebe si la cadena contiene números y letras en JavaScript utilizando la expresión regular y el método test ()

El javascript "prueba()"Prueba del método para una coincidencia en la cadena dada. Este método se puede aplicar para probar múltiples valores asignados basados ​​en la expresión regular.

Sintaxis

Regexpobject.Prueba (STR)

Aquí, "cadena"Se refiere a la cadena particular que debe ser probada.

Ejemplo

En primer lugar, asigne diferentes tipos de valores a tres constantes, incluida la combinación de números, letras y caracteres especiales:

const check1 = 'javaScript40';
const check2 = 'números y letras';
const check3 = 'con símbolos !@#$%^& ';

Ahora, defina una función llamada "numlett ()"Y pasar"stri"En su argumento que se refiere al valor asignado que debe verificarse.

Por último, pruebe los valores basados ​​en la expresión regular invocando la función numlett ():

función numLett (str)
regreso /^[A-ZA-Z0-9]*$ /.prueba (str);

consola.log ("La condición es:", numlett (check1));
consola.log ("La condición es:", numlett (check2));
consola.log ("La condición es:", numlett (check3));

En la siguiente salida, el valor booleano "verdadero"Indica que la cadena particular"Check1"Contiene tanto los números como las letras:

Hemos proporcionado los métodos más simples para verificar si una cadena contiene números y letras en JavaScript.

Conclusión

Para verificar/verificar si una cadena contiene números y letras en JS, utilice el regexp y el "addEventListener ()"Método para aplicar una expresión regular y un evento de clic para realizar la verificación del botón Click, el" "fósforo()"Método para incluir un campo de entrada, aplique una verificación de los valores ingresados ​​y devuelva la alerta correspondiente o la"prueba()Método para probar múltiples valores basados ​​en la expresión regular. Este manual explicó los métodos para verificar si los números y las letras están contenidos en una cadena en JavaScript.