Este tutorial descreverá o método para validar códigos pin e números móveis usando JavaScript.
Como validar o código PIN e o número do celular em JavaScript?
Para validar o código PIN e o número do celular, use o “ expressões regulares ' com o ' partida() ” método em JavaScript. O método match() corresponde o valor à expressão regular, se for correspondido, o método retornará true, ou então retornará false.
Padrão Regex para validar o código PIN
Os códigos PIN são geralmente códigos de 4 dígitos, 5 dígitos ou 6 dígitos. Aqui, escreveremos o regex para validar o código pin de 6 dígitos:
/^ \d { 6 } $ /
No padrão acima:
- “ / ” O caractere de barra é utilizado para se referir aos limites da expressão/padrão regular.
- “ ^ ” representa o início do número.
- “ d ” denota dígitos.
- “ {} ” indica o limite que é “ 6 ”.
- “ \ ” O caractere de barra invertida é o caractere de escape.
- “ $ ” indica o fim da string.
Padrão Regex para validar o número do celular
É essencial validar o número de telefone/telemóvel num formulário HTML. Um número de telefone válido pode estar disponível em vários formatos, dependendo da área. Segue o ligação para verificar os diferentes regexes para validar os números de telefone.
Aqui, discutiremos os dois formatos comuns, um é apenas números com comprimento de 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /O regex acima indica que você pode inserir apenas 10 dígitos como um número de telefone sem qualquer delimitador, como espaço ou qualquer caractere especial, incluindo “ + ”, “ – ' ou ' () ”.
Exemplo
Vamos primeiro projetar a página da web e depois usar o JavaScript para validar o código PIN e o número do celular. Vá para o seu arquivo HTML e cole o seguinte código lá:
< Nome do formulario = 'Formato' ação = '#' >< tipo de entrada = 'texto' Eu iria = 'alfinete' espaço reservado = 'Insira seu PIN' autocompletar = 'desligado' >< br > < br >
< tipo de entrada = 'texto' Eu iria = 'número' espaço reservado = 'Digite seu número de celular de 10 dígitos' autocompletar = 'desligado' >< br >< br >
< tipo de botão = 'enviar' ao clicar = 'validação()' > Enviar botão >
Formato >
No código acima:
- Primeiro, crie um formulário com a ação “ # ” o que significa que os dados não serão enviados para lugar nenhum.
- Crie dois campos de entrada, um para o código pin e outro para o número do celular.
- Crie um ' enviar ” botão que chamará o “ validação() ” para validar o código pin e o número do celular.
A página HTML terá a seguinte aparência:
Na tag