miércoles, 13 de enero de 2016

Validar campo numérico

En esta ocasión, compartiré el código que utilizo para realizar la validación de campos numéricos, es decir que el campo de texto solamente admita números (0,1,...,9). Para ello usaremos solamente y únicamente javascript.



Una de las utilidades de utilizar javascript, son las validaciones de los datos ingresados por los usuarios en los formularios. Se recomienda siempre validar el llenado del formulario, para que de esta manera permitir informar al usuario el correcto llenado o incorrecto.

Existen diversas validaciones, que se realizan en un formulario. Como ya hemos mencionado hablaré sobre la validación de campo numérico.

El html que usaremos será el siguiente, donde podemos visualizar:
onkeypress="return isNumeric(this)" lo que hace es que al presionar una tecla envié el valor de la tecla a la función isNumeric, el cual debe nos regresará true o false:



El código javascript que utilizaremos será el siguiente, donde podremos visualizar la función isNumeric, donde keynum asume el valor del teclado y compara, las líneas de //Solo ejemplo sirve para el ejemplo actual, podemos reutilizar el código que se encuentra aquí para descargar:



El resultado final del presente ejemplo, te lo mostramos aquí:


Espero les haya gustado el aporte, compartan y avisen a sus amigos que muy pronto habrá nuevos post.

2 comentarios:

  1. Hola amigo. Has probado qué ocurre cuando haces un copy & paste con una entrada no valida

    ResponderEliminar
    Respuestas
    1. Hola Airton, claro. Para ello utilizo este atributo:( onpaste="return false" )

      Eliminar