JavaScript - Validação, apenas números
Existem muitas situações para permitir a entrada de apenas números ou alfabetos, ou ambos são aceitáveis nos campos do formulário, dependendo dos requisitos. Para esse fim, valide os campos de acordo com o requisito usando a validação de JavaScript. Ele garante que a entrada do usuário esteja correta, completa e de acordo com a necessidade ou não antes de enviá -la para o servidor.
Esta postagem definirá as abordagens para validar os campos do formulário para inserir apenas números.
Validação de JavaScript para inserir apenas números
Para validar campos para inserir apenas números, use as abordagens abaixo mencionadas:
- Usando regex
- Usando o método isnan ()
Método 1: Números de validação apenas usando uma expressão regular
Use o "regular expressão"Ou um"regex padrão”Para validar os campos do formulário para inserir apenas os números. Para verificar a entrada do usuário, use o “corresponder()”Método com o regex que corresponde à entrada com o padrão Regex fornecido.
Exemplo
No arquivo HTML, use o código a seguir para criar um formulário:
De acordo com o snippet de código acima:
- Primeiro, crie um formulário contendo um campo de entrada que aceita apenas o número como um “Alfinete Número”.
- Em seguida, crie um espaço para uma mensagem de impressão se a entrada estiver incorreta ou correta usando o
marcação.
- Criar uma "enviar”Botão que chama o“NumberValidationFunc ()”No botão Clique para verificar os campos do formulário.
Use o seguinte código no “”Tag ou arquivo javascript:
função numberValidationFunc ()
var input = documento.getElementById ("pinNumber").valor;
var padrão = /^[0-9]+$ /;
if (entrada.correspondência (padrão))
documento.getElementById ("erro").innerhtml = "ótimo";
retornar true;
outro
documento.getElementById ("erro").inerhtml = "Digite o valor numérico";
retorna falso;
Aqui, no trecho acima:
- Primeiro, defina uma função chamada “NumberValidationFunc ()”Isso será chamado no botão Clique.
- Obtenha o valor de entrada usando o “valor”Atributo.
- Crie um padrão regex armazenado em uma variável “padrão”.
- Em seguida, verifique se a entrada corresponde ao padrão usando o “corresponder()”Método.
- Se a entrada corresponder ao padrão, imprima a mensagem “Ótimo”, Caso contrário, exiba a mensagem de erro“Digite o valor numérico”.
Como você pode ver, a saída aceita apenas os números ao inserir números com alfabetos não é aceitável e mostra uma mensagem de erro:
Método 2: Números de validação apenas usando o método isnan ()
Você também pode usar o “isnan ()”Método para validar os campos para inserir apenas os números. É preciso entrada como argumento e verifica se a entrada é um número que dá “verdadeiro"Else, dá"falso”.
Exemplo
Defina uma função “NumberValidationFunc ()”Isso chamará o evento OnClick do botão Enviar para verificar se a entrada é um número ou não usando o“isnan ()”Método:
função numberValidationFunc ()
var input = documento.getElementById ("pinNumber").valor;
if (isnan (entrada))
documento.getElementById ("erro").inerhtml = "Digite o valor numérico";
retorna falso;
outro
documento.getElementById ("erro").innerhtml = "ótimo";
retornar true;
Saída
Isso se trata de validação de números apenas em JavaScript.
Conclusão
Para validar os campos de texto do formulário apenas para valores numéricos, use o “expressão regular”Como padrões regex ou o“isnan ()”Método. Ambas as abordagens são melhores para validar apenas números, e você pode escolher/escolher qualquer um de acordo com o seu desejo. Este post definiu as abordagens para validar os campos do formulário para inserir apenas números.