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.

  • Cómo acceder a un enlace externo sin abrirlo, simplemente cargándolo
  • Haga que <tr> actúe como <a>
  • En Javascript, ¿qué es un object de opciones?
  • jquery ui tooltip con contenido html
  • Obtener imágenes de tamaño decente con la API rottentomatoes
  • ¿Formulario enviado y Ajax al mismo time usando onsubmit?
  • ¿Hay algún inconveniente para usar head.js?
  • ¿Es posible encontrar que la computadora del cliente no está en estado de suspensión? ¿El modo de locking está en PHP?
  • La image desaparece cuando se le da una position: absoluta
  • ¿Cómo puedo "filtrar" JSON para pares únicos de nombre / valor de key?
  • JQuery Knob display number change
  • Hacer la primera columna de una tabla fija en desplazamiento horizontal
  • Recargue la página cuando la visite haciendo clic en el button Atrás en Firefox
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.