Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

Permitir solo valor numérico en el cuadro de texto usando JavaScript

 Cuando crea un formulario con un cuadro de entrada para obtener un número de teléfono móvil o una cantidad, debe restringir al usuario para que ingrese un único valor numérico. En este artículo, le mostraré cómo permitir que el usuario ingrese solo números en el cuadro de entrada. 

Para permitir solo valores numéricos en el cuadro de texto usando javascript o jquery, también debemos deshabilitar la función de copiar y pegar para que el usuario no pueda pegar directamente el valor no numérico en el cuadro de texto.

Este consejo es útil para la validación de números de teléfono, ID, código PIN y campo de cantidad.

Así que veamos cómo restringir al usuario para que ingrese solo números en el cuadro de texto usando javascript 

El HTML

<input id = "numbersOnly" onkeypress = "return isNumber (evento);" type = "text" name = "txtChar" ondrop = "return false;" onpaste = "devolver falso;">

El JavaScript

<script type = "text / javascript">
la función es Número (e)
{
var keyCode = (e.which)? e.que: e.keyCode;

if (keyCode> 31 && (keyCode <48 || keyCode> 57))
{
   alerta ("Puede ingresar solo números del 0 al 9");
   falso retorno;
}
devuelve verdadero;
}
</script> 

Espero que hayan entendido cómo restringir al usuario para que ingrese solo números en el cuadro de texto usando JavaScript. Si te gustó este artículo, no olvides compartirlo con los demás.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas