Javascript o jQuery para aceptar numbers de less de 100 para el campo de text

En mi proyecto, tengo un campo de text donde necesito aceptar valores menores o iguales a 100. En ese campo de text, ¿cómo puedo lograr esto a través de javascript o jquery? De alguna manera, he logrado aceptar solo los numbers en el textbox, pero ¿cómo puedo restringirlo? No acepto numbers superiores a 100.

Aquí está el código que he tratado de aceptar solo numbers

function isNumber(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) { return false; } return true; } 

8 Solutions collect form web for “Javascript o jQuery para aceptar numbers de less de 100 para el campo de text”

En primer lugar, puede usar el tipo de number en HTML5 con el atributo max establecido en 100.

 <input id="numberbox" type='number' max='100'> 

Esto permitirá que su browser detecte cuándo es más de 100 cuando se envíe. Sin embargo, no funcionará en browseres más antiguos y algunos teléfonos inteligentes.

Alternativamente, podrías hacer esto:

 <input type='text' maxlength='2' pattern='^[0-9]$'> 

Pero siento que esta opción es exagerada. Pero si quieres hacerlo de esa manera, depende de ti.

En jQuery, puedes hacer esto:

 $('#numberbox').keyup(function(){ if ($(this).val() > 100){ alert("No numbers above 100"); $(this).val('100'); } }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='text' id='numberbox'> 

Mira esta demo

También debe restringir la longitud del text field de text field

Algo como esto

 var fieldVal = document.getElementById('txtF').value; //Suppose u want number that is less than 100 if(fieldVal < 100){ return true; } else { // } 

Con jquery puedes hacer algo como esto:

 $('#my-field').blur(function() { if(parseInt($(this).val()) < 100) { $(this).val(''); } }); 

El evento de desenfoque se produce cuando el usuario abandona el campo (el campo pierde el enfoque). Luego comtesting si el valor es inferior a 100 y lo vacía si es necesario.

 function isNumber(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; var str = String.fromCharCode(charCode); if (str>100)) { return false; } return true; } 

puedes usar fromCharCode, puede devolver el caracter

por favor use la longitud máxima

 maxlength="2" 

EX.

 <!DOCTYPE html> <html> <body> <form action="demo_form.asp"> PIN: <input type="text" name="pin" maxlength="2" size="30"><br> <input type="submit" value="Submit"> </form> </body> </html> 

Prueba esto:

 <script type="text/javascript"> function fnc(value, min, max) { if(parseInt(value) < 0 || isNaN(value)) return 0; else if(parseInt(value) > 100) return "Number is greater than 100"; else return value; } </script> <input type="text" name="textWeight" id="txtWeight" maxlength="5" onkeyup="this.value = fnc(this.value, 0, 100)"/> 

junto con su código, puede agregar una línea más para restringir el campo de text para aceptar less de 2 caracteres ….

  if (charCode.length > 2) { return false; } 

Puedes hacerlo:

 $('yourElem').on('keydown', function(e){ if(this.value > 100){ alert('You have entenetworking more than 100 as input'); return false; } }); 

maxlength atributo maxlength puede restringir los numbers de más de 3 dígitos, por lo que puede usar esto para restringir:

 maxlength="3" 

sin embargo, debe realizar la validation js tal como se sugirió anteriormente, ya que el usuario con maxlength aún puede ingresar más de 100 según lo solicitado.

  • ¿Hay alguna manera de cambiar el nombre de las keys del object js utilizando underscore.js
  • Obtener el object cliqueado que activó jquery blur () evento
  • Muestre un gif de carga en un div hasta que div cargue contenido desde otra página
  • Construyendo una aplicación Metro de Windows 8 con jQuery
  • jQuery coincide con el text parcial del object JSON
  • leer el nombre de las properties desconocidas
  • ¿Cómo mostrar divs ocultos en mouseover?
  • ¿Cómo disparo un evento onChange para un campo oculto?
  • Eliminar tags (y labelr contenido) pero dejar text
  • JQuery - Restablecer formulario - Excluir cuadro "Seleccionar"
  • ¿Hay alguna forma (JavaScript o jQuery) para cargar imágenes de forma secuencial (evitar descargas en paralelo)?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.