Foros del Web » Programando para Internet » Javascript »

como obligar a escribir un numero decimal

Estas en el tema de como obligar a escribir un numero decimal en el foro de Javascript en Foros del Web. bueno lo que pasa es que tengo un formulario en html donde tiene un campo de tipo text donde quiero que escriban obligatoriamente un numero ...
  #1 (permalink)  
Antiguo 30/08/2012, 16:59
Avatar de trofserpiente  
Fecha de Ingreso: julio-2012
Ubicación: Lerida
Mensajes: 218
Antigüedad: 7 años, 4 meses
Puntos: 1
Exclamación como obligar a escribir un numero decimal

bueno lo que pasa es que tengo un formulario en html donde tiene un campo de tipo text donde quiero que escriban obligatoriamente un numero decimal pero que este dentro de un rango el cual es de 1 a 5 pero que aparezca sola la coma(,) cuando tenga que escribir 1,5
ojala me puedan ayudar gracias de antemano
__________________
Luis Alfonso Cruz Valbuena
[email protected]
  #2 (permalink)  
Antiguo 30/08/2012, 23:52
 
Fecha de Ingreso: mayo-2012
Ubicación: Distrito Federal
Mensajes: 49
Antigüedad: 7 años, 6 meses
Puntos: 9
Respuesta: como obligar a escribir un numero decimal

Hola que tal, mira yo realizo eso usando jquery_masked, lo puedes descargar de aqui

Tambien necesitas jquery: http://jquery.com/

Una vez descargados esos dos archivos tienes que poner entre <head> y </head> los siguientes scripts:

Código:
<script type="text/javascript" src="jquery_1.8.0.js"></script>
<script type="text/javascript" src="jquery.maskedinput.js"></script>
y a continuacion:
Código:
<script type="text/javascript">
jQuery(function($){
$("#peso").mask("9.99");
});
</script>
En donde peso es el nombre de tu campo y recibira un valor de tipo 1.80 por ejemplo

Mira aqui te dejo una forma completa y con mas opciones soportadas por jquery_masked

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=utf-8" />
<title>Documento sin título</title>

<script type="text/javascript" src="jquery_1.8.0.js"></script>
<script type="text/javascript" src="jquery.maskedinput.js"></script>

<script type="text/javascript">
jQuery(function($){
$("#fecha").mask("99/99/9999");
$("#telefono").mask("(999) 999-9999");
$("#codigo").mask("99-9999999");
$("#serial").mask("aa*-99-9999");
$("#peso").mask("9.99");
});
</script>

</head>

<body>
<p>
  <label>Fecha ("99/99/999") </label>
  <input id="fecha" type="text" name="date" />
  <label><br />
    <br />
  Telefono ("(999) 999-9999") </label>
  <input id="telefono" type="text" name="telefono" />
  <label><br />
    <br />
  Codigo ("99-9999999") </label>
  <input id="codigo" type="text" name="codigo" />
  <label> <br />
    <br />
  Nro. Serie ("aa*-99-9999") </label>
  <input id="serial" type="text" name="serial" />
</p>
<p>PESO
  <label>
    <input name="peso" type="text" id="peso" size="3" maxlength="3" />
  </label>
</p>
</body>
</html>
Espero que sea lo que andabas buscando.
  #3 (permalink)  
Antiguo 31/08/2012, 09:36
Avatar de trofserpiente  
Fecha de Ingreso: julio-2012
Ubicación: Lerida
Mensajes: 218
Antigüedad: 7 años, 4 meses
Puntos: 1
Exclamación Respuesta: como obligar a escribir un numero decimal

Cita:
Iniciado por chuntaro18 Ver Mensaje
Hola que tal, mira yo realizo eso usando jquery_masked, lo puedes descargar de aqui

Tambien necesitas jquery: http://jquery.com/

Una vez descargados esos dos archivos tienes que poner entre <head> y </head> los siguientes scripts:

Código:
<script type="text/javascript" src="jquery_1.8.0.js"></script>
<script type="text/javascript" src="jquery.maskedinput.js"></script>
y a continuacion:
Código:
<script type="text/javascript">
jQuery(function($){
$("#peso").mask("9.99");
});
</script>
En donde peso es el nombre de tu campo y recibira un valor de tipo 1.80 por ejemplo

Mira aqui te dejo una forma completa y con mas opciones soportadas por jquery_masked

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=utf-8" />
<title>Documento sin título</title>

<script type="text/javascript" src="jquery_1.8.0.js"></script>
<script type="text/javascript" src="jquery.maskedinput.js"></script>

<script type="text/javascript">
jQuery(function($){
$("#fecha").mask("99/99/9999");
$("#telefono").mask("(999) 999-9999");
$("#codigo").mask("99-9999999");
$("#serial").mask("aa*-99-9999");
$("#peso").mask("9.99");
});
</script>

</head>

<body>
<p>
  <label>Fecha ("99/99/999") </label>
  <input id="fecha" type="text" name="date" />
  <label><br />
    <br />
  Telefono ("(999) 999-9999") </label>
  <input id="telefono" type="text" name="telefono" />
  <label><br />
    <br />
  Codigo ("99-9999999") </label>
  <input id="codigo" type="text" name="codigo" />
  <label> <br />
    <br />
  Nro. Serie ("aa*-99-9999") </label>
  <input id="serial" type="text" name="serial" />
</p>
<p>PESO
  <label>
    <input name="peso" type="text" id="peso" size="3" maxlength="3" />
  </label>
</p>
</body>
</html>
Espero que sea lo que andabas buscando.
muchas gracias, voy a catear el codigo gracias de nuevo
__________________
Luis Alfonso Cruz Valbuena
[email protected]

Etiquetas: decimal, formulario, html, numero, obligar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:13.