script solo funciona en IE

schulz · #1 (**permalink**) 27/04/2011, 15:52

Saludos maestros, quería ver si pueden ayudarme, después de crear este tema http://www.forosdelweb.com/f13/campo-texto-con-js-907441/
me puse a investigar sobre lo que me indicó maycolalvarez y me topé este script que hace algo muy similar a lo que necesito (necesito que en un campo de texto solo se pueda ingresar numeros de esta forma 99.99 ) este script lo que hace es permitir números similares a lo que necesito solamente que el ingreso que permite hacer es infinito me explico puedo escribir números de esta forma 222222infinitamente.22, osea luego de poner el punto solo permite dos decimales(lo que está bien) lo que me gustaría hacer es que antes del punto solo se puedan ingresar dos números.
El otro problema es que el código solo sirve en IE ya lo probé en FF y chrome.
Que debo hacer para que sea estándar en cualquier navegador?
Soy novato en JS pero con muchas ganas de aprender.

Código Javascript:

Ver original<script type="text/javascript">
<!--
function fieldNumber (objeto)
{
var valorCampo;
var evento_key = window.event.keyCode;
var numPosPunto = 0;
var strParteEntera = "";
var strParteDecimal = "";
var NUM_DECIMALES = 2;
 
switch (evento_key)
{
case 48:
case 49:
case 50:
case 51:
case 52:
case 53:
case 54:
case 55:
case 56:
case 57:
case 46:
break;
default:
window.event.keyCode = 0;
return false;
}
 
valorCampo = objeto.value;
if (evento_key == 46)
if (valorCampo.indexOf(".") != -1)
{
window.event.keyCode = 0;
return false;
}
/* Sólo puede teclear el número de decimales indicado en NUM_DECIMALES */
if ((numPosPunto = valorCampo.indexOf(".")) != -1)
{
strParteEntera = valorCampo.substr(0,(numPosPunto - 1));
strParteDecimal = valorCampo.substr((numPosPunto + 1), valorCampo.length)
if (strParteDecimal.length > (NUM_DECIMALES - 1))
{
window.event.keyCode = 0;
return false;
}
}
return true;
} 
 
//-->
</script>

Código HTML:

<body>

<input type="text" name="txtImporte" onkeypress="fieldNumber(this)"> 
</body>

Saludos y suerte.

ocp001a · #2 (**permalink**) 27/04/2011, 16:26

Mira si te sirve esta funcion que yo uso (la modifiqué de una que encontré por ahí)

Código Javascript:

Ver originalfunction number_format(num,formato) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num&#37;100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
if(formato=="moneda")
    return (((sign)?'':'-') + '$' + num + '.' + cents);
if(formato=="decimal")
    return (((sign)?'':'-') +  num + '.' + cents);
if(formato=="entero")
    return (((sign)?'':'-') +  num );
else
    return (((sign)?'':'-') + '$' + num + '.' + cents);
}

Su uso es muy sencillo:
<input type="text" name="mivalor" onchange="this.value=number_format(this.value,'dec imal');">

Así si el usuario no pone decimales la funcion los asigna en automático, y ya sólo necesitas comprobar que no exceda el valor que tu quieras.