decimal correcto en input

lexus · #1 (**permalink**) 12/12/2008, 08:26

Hola

tengo un formulario con varios campos numericos donde debo permitir el ingreso de numeros decimales.
existe algun codigo ya hecho o alguien tiene alguno
que me permita solo ingresar numeros y decimales? o sea que no permita meter ni espacios ni letras ni nada diferente a numeros y 1punto o 1 coma.
o sea decimales..

gracias

Panino5001 · #2 (**permalink**) 12/12/2008, 08:31

Fijate en este enlace:
http://www.telefonica.net/web2/blas-...idarformu.html

lexus · #3 (**permalink**) 12/12/2008, 08:42

pues yo tengo este codigo pero tengo un problema que cuando tengo varios campos solo me deja escribir una coma y cuando paso al campo siguiente ya no me deja teclear las comas

function decimal(){
var key=window.event.keyCode;//codigo de tecla.
//solo se puede introducir comas
if ((key < 48 || key > 57) && key!=44)
{//si no es numero
window.event.keyCode=0;//anula la entrada de texto.
}
// no deja introducir mas de una coma.
if (key == 44) {
if (coma==false) {
coma=true;
} else {
window.event.keyCode=0;
return false;
}
}
}

como podria solucionarlo?
para que me permita escribir una coma solamente por cada uno de los campos que tenga en mi formulario?

Panino5001 · #4 (**permalink**) 12/12/2008, 08:57

Ese código sólo puede funcionar en Explorer.

lexus · #5 (**permalink**) 12/12/2008, 09:05

gracias por responder.
no importa que solo funcione en internet explorer ya que este codigo esta en una intranet de una empresa y ahi solo usan ese explorador.
hay alguna forma de mejroarlo o existe otro codigo que solucione mi problema?

Panino5001 · #6 (**permalink**) 12/12/2008, 09:52

Probá así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>ejemplo</title>

<script>

function validar(e){

obj=e.srcElement || e.target;

tecla_codigo = (document.all) ? e.keyCode : e.which;

if(tecla_codigo==8)return true;

patron =/[d.]/;

tecla_valor = String.fromCharCode(tecla_codigo);

control=(tecla_codigo==46 && (/[.]/).test(obj.value))?false:true

return patron.test(tecla_valor) &&  control;

 
}

 
</script>

</head>

 
<body>

<form id="form1" name="form1" method="post" action="">

<textarea name="textarea" onkeypress="return validar(event)"></textarea>

<textarea name="textarea2" onkeypress="return validar(event)"></textarea>

</form>

</body>

</html>

lexus · #7 (**permalink**) 12/12/2008, 10:02

me deja introducir vaios puntos ya en varios campos
pero no me deja introducir el numero ke va despues del punto
ejemplo:
3.5 me keda asi 3.

Panino5001 · #8 (**permalink**) 12/12/2008, 10:25

Colocá tu código porque en realidad, en el ejemplo que puse no sucede eso.

lexus · #9 (**permalink**) 12/12/2008, 10:29

es el mismo codigo ke me mandaste no le hice ningun cambio.

me deja los numeros asi 3.
no me lo deja terminar para que quede asi 3.5
el otro problema es que me deja ingresar letras y se supone que es un campo tipo decimal
solo deberia permitir numeros y puntos

Panino5001 · #10 (**permalink**) 12/12/2008, 11:00

Acabo de probarlo en ópera, safari, chrome, firefox, explorer 5.5, explorer 6 y explorer 7 y no sucede lo que describís

EDITO: EL BBCODE elimina una barra cuando usas las envolturas php. El código que en realidad te había pasado es este:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ejemplo</title>
<script>
function validar(e){
obj=e.srcElement || e.target;
tecla_codigo = (document.all) ? e.keyCode : e.which;
if(tecla_codigo==8)return true;
patron =/[\d.]/;
tecla_valor = String.fromCharCode(tecla_codigo);
control=(tecla_codigo==46 && (/[.]/).test(obj.value))?false:true
return patron.test(tecla_valor) &&  control;

}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="textarea" onkeypress="return validar(event)"></textarea>
<textarea name="textarea2" onkeypress="return validar(event)"></textarea>
</form>
</body>
</html>

lexus · #11 (**permalink**) 12/12/2008, 13:24

perfecto.. ahora si funciona como deberia..
muchisimas gracias por tu ayuda..

Panino5001 · #12 (**permalink**) 12/12/2008, 13:25

Me alegra que te haya servido

lexus · #13 (**permalink**) 12/12/2008, 13:26

hola
otra preguntica .como hago para que en lugar de qeu sea un decimal con punto sea un decimal con coma?
ejemplo que no sea 3.5 sino 3,5

gracias de nuevo

Panino5001 · #14 (**permalink**) 12/12/2008, 13:35

Sería así:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ejemplo</title>
<script>
function validar(e){
obj=e.srcElement || e.target;
tecla_codigo = (document.all) ? e.keyCode : e.which;
//alert(tecla_codigo)
if(tecla_codigo==8)return true;
patron =/[\d,]/;
tecla_valor = String.fromCharCode(tecla_codigo);
control=(tecla_codigo==44 && (/[,]/).test(obj.value))?false:true
return patron.test(tecla_valor) &&  control;

}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="textarea" onkeypress="return validar(event)"></textarea>
<textarea name="textarea2" onkeypress="return validar(event)"></textarea>
</form>
</body>
</html>

lexus · #15 (**permalink**) 12/12/2008, 13:37

perfecto..
muchas gracias.