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$( "#materiales_a_usar" ).keyup(function() {
if( $("#materiales_a_usar").val() > $("#materiales_disponibles").val()
|| $("#materiales_a_usar").val() < 0 ){
$("#materiales_a_usar").val(0);
}
});
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!! ;)