Cómo validar el código PIN y el número de móvil en JavaScript
Este tutorial describirá el método para validar los códigos PIN y los números móviles utilizando JavaScript.
Cómo validar el código PIN y el número de móvil en JavaScript?
Para validar el código PIN y el número de teléfono móvil, use el "expresiones regulares" con el "fósforo()"Método en JavaScript. El método Match () coincide con el valor con la expresión regular, si se coincide, el método devolverá verdadero, o de lo contrario dará falso.
Patrón regex para validar el código PIN
Los códigos PIN suelen ser de 4 dígitos, 5 dígitos o códigos de 6 dígitos. Aquí, escribiremos el Regex para validar el código PIN de 6 dígitos:
/^\ d 6 $/En el patrón anterior:
- "/"Se utiliza el carácter de barra delantera para referirse a los límites de la expresión/patrón regular.
- "^"Representa el inicio del número.
- "d"Denota dígitos.
- ""Indica el límite que es"6".
- "\"El personaje de Back -staglash es el personaje de escape.
- "ps"Indica el final de la cadena.
Patrón regex para validar el número de móvil
Es esencial validar el número de teléfono/móvil en un formulario HTML. Un número de teléfono válido puede estar disponible en varios formatos, dependiendo del área. Siga el enlace para verificar las diferentes reglas para validar los números de teléfono.
Aquí, discutiremos los dos formatos comunes, uno es solo números con una longitud de 10:
/^\ d 3 \ d 3 \ d 4 $/El Regex anterior indica que puede ingresar solo 10 dígitos como número de teléfono sin ningún delimitador, como espacio, o cualquier carácter especial que incluya "+","-" o "()".
Ejemplo
Primero diseñemos la página web y luego usemos JavaScript para validar el código PIN y el número de móvil. Vaya a su archivo HTML y pegue el siguiente código allí:
En el código anterior:
- Primero, cree un formulario con la acción "#"Lo que significa que los datos no se enviarán en ningún lado.
- Cree dos campos de entrada, uno para el código PIN y el otro para el número de móvil.
- Crear un "entregar"Botón que llamará al"validación()Método para validar el código PIN y el número de móvil.
La página HTML se verá de lo siguiente:
En la etiqueta o en el archivo JavaScript, pegue las siguientes líneas de código:
FunctionValidation (PIN, Mobile)var pin = documento.getElementById ('pin').valor;
var mobileNumber = documento.getElementById ('número').valor;
pinregExPattern = /^\ d 6 $ /;
mobGeXPattern = /^\ d 3 \ d 3 \ d 4 $ /;
if (pin.Match (PinregexPattern) && MobileNumber.Match (mobregexpattern))
alerta ("PIN y el número de móvil están validados!");
returnTrue;
if (pin.Match (PinregexPatn) 6)
alerta ("El pin debe ser 6 dígitos!");
returnTrue;
demás
Alerta ("Has ingresado un PIN inválido y un número de móvil!");
falso retorno;
En el fragmento anterior:
- Primero, defina una función "validación"Con dos parámetros", "alfiler" y "móvil".
- Obtenga los valores de entrada de los campos de texto, como el número de móvil y el código PIN.
- Definir patrones regex para el código PIN y el número de móvil.
- Ahora, en una declaración condicional, verifique los valores de entrada del código PIN y el número de teléfono móvil, y llame al método Match () pasando el Regex que verificará si el valor coincide con el patrón. Si coincide, el método producirá verdadero, de lo contrario devuelve falso.
Puede ver en la salida si el código PIN es menor o mayor que el límite "6", Aparece una alerta. Si el PIN y el número de móvil coinciden con el patrón dado, mostrará el mensaje para la validación:
Ahora, usaremos otro patrón para validar los números de teléfono móvil que son la longitud de 13, incluido Delimiter (+) que denotará el código de país:
/^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $//En el patrón regex anterior:
- "^"Marca el comienzo de la cadena.
- Los límites de la expresión regular están indicados por el carácter de corte hacia adelante "/".
- ""Representa el límite.
- "ps"Indica que la cadena ha terminado.
- "[0-9] 2 .. ."Representa los dos dígitos al lado del delimitador + en un rango de 0 a 9.
En el código JavaScript, utilizaremos el mismo código anterior reemplazando solo el "MobileRegexpattern":
mobregexpattern = /^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $ /;Producción
Eso se trataba de validar el código PIN y el número de móvil en JavaScript.
Conclusión
Para validar los códigos PIN y los números móviles, use el "expresiones regulares" con el "fósforo()Método "que coincidirá con los valores de entrada con el patrón dado; Si coincide, devuelve verdadero, o de lo contrario da falso. En este tutorial, describimos el método para validar los códigos PIN y los números móviles utilizando JavaScript.