Este tutorial describirá el método para validar códigos PIN y números de teléfono móvil usando JavaScript.
¿Cómo validar el código PIN y el número de teléfono móvil en JavaScript?
Para validar el código PIN y el número de móvil, utilice el ' expresiones regulares ' con el ' fósforo() ” método en JavaScript. El método match() hace coincidir el valor con la expresión regular, si 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 códigos de 4, 5 o 6 dígitos. Aquí, escribiremos la expresión regular para validar el código PIN de 6 dígitos:
/^ \d { 6 } $ /
En el patrón anterior:
- “ / El carácter de barra inclinada se utiliza para referirse a los límites de la expresión/patrón regular.
- “ ^ ” representa el comienzo del número.
- “ d ” denota dígitos.
- “ {} ” indica el límite que es “ 6 ”.
- “ \ El carácter de barra invertida es el carácter de escape.
- “ $ ” indica el final de la cadena.
Patrón Regex para validar el número de móvil
Es imprescindible 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, según el área. Siga el Enlace para ver las diferentes expresiones regulares 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 } $ /La expresión regular 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, incluido ' + ”, “ – ' o ' () ”.
Ejemplo
Primero diseñemos la página web y luego usemos JavaScript para validar el código PIN y el número de teléfono móvil. Vaya a su archivo HTML y pegue el siguiente código allí:
< nombre del formulario = 'formulario' acción = '#' >< tipo de entrada = 'texto' identificación = 'clavo' marcador de posición = 'Introduce tu PIN' autocompletar = 'apagado' >< hermano > < hermano >
< tipo de entrada = 'texto' identificación = 'número' marcador de posición = 'Ingrese su número de teléfono móvil de 10 dígitos' autocompletar = 'apagado' >< hermano >< hermano >
< tipo de botón = 'enviar' al hacer clic = 'validación()' > Enviar botón >
formulario >
En el código anterior:
- Primero, crea un formulario con la acción “ # ” lo que significa que los datos no se enviarán a ninguna parte.
- Cree dos campos de entrada, uno para el código PIN y otro para el número de móvil.
- Crear un ' enviar 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á como sigue:
En la etiqueta