Foros del Web » Programando para Internet » Javascript »

Validar dos campos Numericos

Estas en el tema de Validar dos campos Numericos en el foro de Javascript en Foros del Web. Buenas.. Tengo un formulario que es sobre un inventario .. entonces hay dos campos uno que dice Materiales Disponibles y el otro Materiales a Usar ...
  #1 (permalink)  
Antiguo 21/10/2014, 16:26
 
Fecha de Ingreso: junio-2014
Mensajes: 30
Antigüedad: 9 años, 10 meses
Puntos: 0
Mensaje Validar dos campos Numericos

Buenas.. Tengo un formulario que es sobre un inventario .. entonces hay dos campos uno que dice Materiales Disponibles y el otro Materiales a Usar ..

Como podria hacer .. para cuando la persona intente usar mas de los materiales que hay disponible..

que solo pueda usar la cantidad que hay en materiales disponibles..
  #2 (permalink)  
Antiguo 22/10/2014, 01:09
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 12 años, 5 meses
Puntos: 51
Respuesta: Validar dos campos Numericos

Hola, una opción es utilizando el evento .keyup() de jQuery. Así puedes realizar la comprobación fácilmente.
Pongamos este ejemplo: en primer lugar, introduces una cantidad en el campo "materiales disponibles" (le vamos a dar id="materiales_disponibles"), por ejemplo 10. Después, introduces una cantidad en el segundo campo "materiales a usar" (id="materiales_a_usar"). Ahí añades el evento siguiente:

Código Javascript:
Ver original
  1. $( "#materiales_a_usar" ).keyup(function() {
  2.   if( $("#materiales_a_usar").val() > $("#materiales_disponibles").val()
  3.       || $("#materiales_a_usar").val() < 0 ){
  4.       $("#materiales_a_usar").val(0);
  5.   }
  6. });

Ese código añade el escuchador del evento .keyup(). Cuando terminas de introducir una cantidad en el campo "materiales_a_usar", comprueba el valor introducido, si es mayor que los materiales disponibles, automáticamente te deja el campo a 0. (ahí puedes notificar al usuario de alguna manera, con un alert que diga que no hay más de x materiales disponibles....o como quieras). Si el valor de materiales a usar es negativo, también te pone el campo a 0. Es un ejemplo de funcionamiento.
Por otro lado, decirte que también necesitas validar en el lado del servidor, por seguridad.
Saludos!! ;)
__________________
Diseño Web Jaén

Etiquetas: campos, formulario, numericos
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 21:33.