Foros del Web » Creando para Internet » HTML »

Validacionde decimales con html5

Estas en el tema de Validacionde decimales con html5 en el foro de HTML en Foros del Web. hola como estan todos, disculpen pero alguien me podria decir como podria validar con html en un campo que solo entren numeros decimales es decir ...
  #1 (permalink)  
Antiguo 17/02/2013, 22:10
ruben_chirinos_1985
Invitado
 
Mensajes: n/a
Puntos:
Validacionde decimales con html5

hola como estan todos, disculpen pero alguien me podria decir como podria validar con html en un campo que solo entren numeros decimales es decir 35.00
  #2 (permalink)  
Antiguo 18/02/2013, 00:11
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Validacionde decimales con html5

Cita:
Iniciado por ruben_chirinos_1985 Ver Mensaje
hola como estan todos, disculpen pero alguien me podria decir como podria validar con html en un campo que solo entren numeros decimales es decir 35.00
http://www.forosdelweb.com/f4/input-...7/#post4164333
Pero como verás la compatibilidad es limitada.
Existen una serie de plugins que te permiten compatibilidad
http://www.useragentman.com/blog/201...tml5widgets-2/

Voviendo a tu pregunta, deberías hacer precisiones
hay un número de decimales concreto(pueden ser 1, 2 ó más?)
Asumiendo que 35 == 35.00, no sería válido colocar solo 35
Si solo querés exigir el formato
n.nn
yo usaría javascript y expresiones regulares para validar el campo
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Entero + 2 decimales</title>
  5.  
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function dos_decimales(cadena){
  9. var expresion=/[0-9]+(\.[0-9][0-9])$/;
  10. var resultado=expresion.test(cadena);
  11. return resultado;
  12. }
  13. function verifica(){
  14. var campo = document.getElementById('valor');
  15. if(dos_decimales(campo.value) !== true){
  16. alert('formato no valido');
  17. }
  18. }
  19. //]]>
  20. </head>
  21. <form action="#">
  22. <p>
  23. <input type="text" name="valor" id="valor" /><br />
  24. <input type="button" value="verifica" onclick="verifica();"/>
  25. </p>
  26. </form>
  27. </body>
  28. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: html5
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 14:13.