Como validar o código PIN e o número de celular em JavaScript

Nos sites, pode haver vários formulários HTML para obter os dados do usuário. Ao coletar dados do usuário, o principal problema/dificuldade é a validação de dados antes de enviá -los para o banco de dados. Para validar dados, você pode usar expressões regulares usando JavaScript.

Este tutorial descreverá o método para validar códigos de pinos e números de celular usando JavaScript.

Como validar o código PIN e o número de celular em JavaScript?

Para validar o código do PIN e o número de celular, use o “expressões regulares" com o "corresponder()”Método em JavaScript. O método Match () corresponde ao valor da expressão regular, se for correspondente, o método retornará verdadeiro, ou então ele dará falso.

Padrão regex para validar o código PIN

Os códigos de pino geralmente são 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 personagem de slash forward é 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”.
• ““\”Personagem de barriga é o personagem de fuga.
• ““$”Indica o final da string.

Padrão regex para validar o número de celular

É essencial validar o número de telefone/celular em um formulário HTML. Um número de telefone válido pode estar disponível em vários formatos, dependendo da área. Siga o link para conferir as diferentes regexes para validar os números de telefone.

Aqui, discutiremos os dois formatos comuns que um é apenas números com um 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 personagem especial, incluindo “+","-" ou "()”.

Exemplo

Vamos primeiro projetar a página da web e depois usar o JavaScript para validar o código do PIN e o número de celular. Vá para o seu arquivo HTML e cole o seguinte código lá:

Enviar

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 nenhum lugar.
• Crie dois campos de entrada, um para o código PIN e o outro para o número de celular.
• Criar uma "enviar”Botão que chamará o“validação()”Método para validar o código do PIN e o número de celular.

A página HTML será a seguinte:

Na tag ou no arquivo JavaScript, cole as seguintes linhas de código:

FunctionValidation (PIN, Mobile)

var pin = documento.getElementById ('pin').valor;
var mobileNumber = documento.getElementById ('número').valor;
pinRegexPattern = /^\ d 6 $ /;
mobregexpattern = /^\ d 3 \ d 3 \ d 4 $ /;
if (pino.Match (pinregexpattern) && mobileNumber.Match (MobregexPattern))

alerta ("PIN e número de celular são validados!");
returnTrue;

if (pino.Match (PinRegexPattern) 6)
alerta ("PIN deve ser de 6 dígitos!");
returnTrue;

outro

Alert ("Você entrou em um pino inválido e número de celular!");
retorna falso;

No trecho acima:

• Primeiro, defina uma função “validação”Com dois parâmetros,“alfinete" e "móvel”.
• Obtenha os valores de entrada dos campos de texto, como o número de celular e o código PIN.
• Defina padrões regex para o código PIN e o número de celular.
• Agora, em uma instrução condicional, verifique os valores de entrada do código do PIN e do número de celular e ligue para o método Match (), passando o Regex que verificará se o valor corresponde ao padrão. Se corresponder, o método produzirá true, else retornará falso.

Você pode ver na saída se o código do pino for menor ou maior que o limite “6”, Um alerta aparece. Se o pino e o número de celular corresponderem ao padrão fornecido, ele mostrará a mensagem para validação:

Agora, usaremos outro padrão para validar os números de celulares com o comprimento de 13, incluindo delimitador (+) que denotará o código do país:

/^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $/

No padrão regex acima:

• ““^”Marca o início da corda.
• Os limites da expressão regular são indicados pelo personagem de slash para a frente “/”.
• ““”Representa o limite.
• ““$”Indica que a string terminou.
• ““[0-9] 2… .”Representa os dois dígitos ao lado do delimitador + em variando de 0 a 9.

No código JavaScript, usaremos o mesmo código acima, substituindo apenas o “mobileregexpattern”:

mobregexPattern = /^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $ /;

Saída

Isso se tratava de validar o código do PIN e o número de celular em JavaScript.

Conclusão

Para validar códigos de pinos e números de celular, use o “expressões regulares" com o "corresponder()”Método, que corresponderá aos valores de entrada com o padrão fornecido; Se corresponder, retorna verdadeiro, ou então dá falso. Neste tutorial, descrevemos o método para validar códigos de pinos e números de celular usando JavaScript.