Código de JavaScript - Validador numerico en tiempo real.

Pos: 6

Val: 1.448

Ha mantenido su posición en JavaScript (en relación al último mes)

Validador numerico en tiempo real.

JavaScript

(2)

Publicado el 16 de Marzo del 2018 por Alejandro (9 códigos)

5.165 visualizaciones desde el 16 de Marzo del 2018

Alejandro se encuentra ahora conectado en el
chat de PHP

Permite validar en tiempo real (mientras se esta escribiendo) que un input sea numerico.
Solo permite ingresar numeros y un punto, los demas caracteres son ignorados no escribiendose.
Se puede limitar la cantidad de enteros y decimales.

Ejemplos:
validaNumero(); //Numero sin limites. 1234n.456789n
validaNumero(4); //Numero entero de 4 caracteres y sin limete para decimales. "1234.56789n"
validaNumero(4,2); //Numero entero de 4 caracters y 2 decimales. "1234.56"
validaNumero(4,0); //Numero entero de 4 caracteres sin decimales. "1234"
validaNumero(0,2); //Numero sin entero con 2 decimales. ".12"

1

Publicado el 16 de Marzo del 2018

gráfica de visualizaciones de la versión: 1

429 visualizaciones desde el 16 de Marzo del 2018

1.1
(2)

Publicado el 16 de Marzo del 2018

gráfica de visualizaciones de la versión: 1.1

4.737 visualizaciones desde el 16 de Marzo del 2018

Mi segundo intento.

"window.event" no pertenece a ningun estandar y aunque el codigo anterior funciona en la mayoria de navegadores, segun este enlace, no es compatible con Firefox mi navegador predeterminado.

Esta version ya es compatible con Firefox con el detalle de que requiere pasar el evento.
Ejemplos:
validaNumero(e); //Numero sin limites. 1234n.456789n
validaNumero(e,4); //Numero entero de 4 caracteres y sin limete para decimales. "1234.56789n"
validaNumero(e,4,2); //Numero entero de 4 caracters y 2 decimales. "1234.56"
validaNumero(e,4,0); //Numero entero de 4 caracteres sin decimales. "1234"
validaNumero(e,0,2); //Numero sin entero con 2 decimales. ".12"

Si alguien tiene idea de como hacer para que funcione sin pasar el evento es bienvenida su sugerencia.

<script>

	window.onload = cargaEventos;

	function cargaEventos(){

		document.getElementById('numerico').addEventListener("keypress",function(e){validaNumero(e)});

	function validaNumero(event){

		e    = event || window.event;

		nInt = arguments[1];

		nDec = arguments[2];

		cString = e.target.value;

		if(e.charCode!=0){

			cString = cString+""+String.fromCharCode(e.charCode);

		if(nInt===undefined){

			patron = new RegExp("(^[0-9]*[.]?[0-9]*?$)");

		}else{

			if(nDec===undefined){

				patron = new RegExp("(^[0-9]{0,"+nInt+"}$)|(^[0-9]{0,"+nInt+"}[.][0-9]*?$)");

			}else{

				if(nDec>0){

					patron = new RegExp("(^[0-9]{0,"+nInt+"}$)|(^[0-9]{0,"+nInt+"}[.][0-9]{0,"+nDec+"}$)");

				}else{

					patron = new RegExp("(^[0-9]{0,"+nInt+"}$)");

		if( cString.search(patron)==-1 ){

			e.preventDefault();

</script>

<input id="numerico" type="text" placeholder="SOLO NUMEROS">

Comentarios sobre la versión: 1.1 (2)

Carlos Luis

16 de Marzo del 2018

Excelente tu aporte amigo! Muchas gracias.

Responder

xve

20 de Marzo del 2018

Muy bueno Alejandro!!!

Responder

Comentar la versión: 1.1

http://lwp-l.com/s4484

'librería' canvas JavaScript

Simple Cronometro en javascript

Código de JavaScript - Validador numerico en tiempo real.

1

1.1(2)

Comentarios sobre la versión: 1.1 (2)

Comentar la versión: 1.1

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.1
(2)