0

una pregunta de que forma podria restringir el siguiente input para que solo admita números del 1 al 185?

<input type="text" name="purenpor" id="purenpor" maxlength="3">

el maxlength="3" lo agregue para que solo me permita agregar máximo 3 valores

Cualquier ayuda me seria de gran utilidad, muchas gracias.

3
  • Con PHP o JavaScript?
    – user128299
    Commented el 28 abr. 2021 a las 16:18
  • Hola BetaM, puede ser con cualquiera de las dos.
    – estrada
    Commented el 28 abr. 2021 a las 16:20
  • @BetaM ambas, para mas placer (?)
    – Edgar Gc
    Commented el 28 abr. 2021 a las 16:20

1 respuesta 1

3

Los tags <input> tienen atributos min y max justo para esto. Si vas a usar un numero puedes cambiar tambien el tipo:

<input id="myInput" type="number" min="1" max="185" onchange=myFunction()>

<script>
function myFunction() {
  var input = document.getElementById("myInput")
  if (input.value > 185){
    input.value = 185
  } else if (input.value < 1) {
    input.value = 1
  }
}
</script>

*Edición:

Añade una función para el evento onchange que verifique el valor y lo cambie si está fuera del rango. Ten en cuenta que el evento se dispara una vez desenfocas el input.

1
  • Hola, muchas gracias por tu respuesta. eso ya lo intente y efectivamente funciona si solo uso los selectores que me permite el input type number, el problema es que cuando lo escribo manualmente si me permite ingresar un nro mayor a 185.
    – estrada
    Commented el 28 abr. 2021 a las 16:25

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.