Apenas números de entrada em javascript

Geralmente, existem alguns sites baseados em requisitos que desejam que o usuário atenda a determinados critérios para acessar o site. Por exemplo, no caso de restringir um usuário a inserir um tipo de dados específico enquanto preenche um formulário específico. Nesses casos, inserir apenas números no JavaScript se torna muito útil para atender aos requisitos e garantir a precisão dos dados.

Este artigo demonstrará os métodos para inserir apenas números em JavaScript.

Como inserir apenas números em javascript?

Você pode inserir apenas números em JavaScript, optando pelas seguintes abordagens:

• ““ASCII" Conjunto de caracteres
• ““jQuery”

Os conceitos mencionados serão demonstrados um por um!

Método 1: apenas números de entrada no JavaScript usando o conjunto de caracteres ASCII

Este procedimento pode ser utilizado para aplicar uma condição sobre a representação ASCII de números no campo de entrada.

Exemplo
No exemplo seguinte, inclua o “EU IA”Isso precisa ser inserido no campo de entrada. Além disso, especifique o campo de entrada como um “texto”E Invoque a função inputNumber () ao passar o evento como um argumento quando“OnKeyPress”O evento é acionado:

EU IA:

Em seguida, defina uma função chamada “número de entrada()"Que aceita"num”Como argumento. Na definição da função, aplique a condição aos números representados no ASCII de tal maneira que se o código ASCII for maior que “31"E menos que"48" ou "57”, Significa que um caractere não-número é inserido no campo de entrada. Nesse caso, será gerado um alerta solicitando ao usuário que insira apenas números:

função inputNumber (num)
var asciicode = (num.qual) ? num.Qual: num.Código chave
if (asciicode> 31 && (asciicode 57))
Alerta ("Digite apenas os números")

Pode -se observar que, quando um personagem é digitado no campo de entrada, uma caixa de alerta apareceu com as seguintes informações:

A tabela a seguir explica o conceito discutido de representação ASCII para números conforme o requisito:

Representação ASCII	Dígitos
48	0
49	1
50	2
51	3
52	4
53	5
54	6
55	7
56	8
57	9

A única limitação para o método acima é que ele ainda aceita a entrada sem número do usuário após exibir o aviso. Para resolver este problema, consulte o próximo método!

Método 2: apenas números de entrada em javascript usando jQuery

Essa abordagem pode ser implementada incluindo a biblioteca “jQuery” e aplicando-a ao campo de entrada com a ajuda de uma expressão regular para detectar os valores não numéricos e substituí-los por uma string vazia.

Veja o exemplo a seguir para entender o conceito declarado.

Exemplo
Primeiro, inclua a seguinte biblioteca jQuery para aplicar suas funcionalidades:

Em seguida, adicione um título usando o “

”Tag e campo de entrada usando o“”Tag dentro da etiqueta central para alinhá -los no centro. Aqui, vamos limitar o comprimento do campo de entrada para “4”Usando o“comprimento máximo”Atributo, pois é um pino de 4 dígitos:

Digite um pino de 4 dígitos:

Agora, aplique o “jQuery”Função no campo de entrada com o“/[^0-9]/g" expressão regular. Esta expressão regular verifica se o valor dos tipos não está em um caractere "^", substitua -o por um caractere vazio:

$ (function ()
$ ("entrada [nome = 'numonly']").on ('input', function (e)
$ (isso).val ($ (isso).val ().substituir (/[^0-9]/g, "));
);
);

Neste exemplo, restringimos o campo de entrada para aceitar apenas um caractere numérico de 4 dígitos do usuário:

Implementamos os métodos no campo de entrada para inserir apenas números no JavaScript.

Conclusão

Para inserir apenas números em JavaScript, implementamos o “ASCII"Abordagem de conjunto de personagens e a"jQuery"Técnica. A abordagem do conjunto de caracteres ASCII pode ser utilizada para aplicar uma condição ao campo de entrada que verifica o caractere ASCII do caractere inserido. Considerando que a técnica jQuery é usada junto com a expressão regular para aplicar uma verificação no campo de entrada criado. Este artigo demonstrou os métodos para inserir apenas números em JavaScript.