0

Tengo un input type="number"¿cómo hago para que no me deje seleccionar números negativos? O sea, que si presiono la flecha hacia abajo, solo me permita como mínimo el número 0 y no que siga contando -1, -2, -3 y así sucesivamente.

<form action="../../form-result.php" method="post" target="_blank">

  <p>Tu edad: <input type="number" name="edad"> <input type="submit" value="Enviar datos"></p>

</form>

3 respuestas 3

4

Establece el atributo min="0", que hace exactamente lo que necesitas, limita el input al valor mínimo que le configures.

<form action="../../form-result.php" method="post" target="_blank">

  <p>Tu edad: <input type="number" name="edad" min="0"> <input type="submit" value="Enviar datos"></p>

</form>

2
  • Excelente muchas gracias, me funciono.
    – estrada
    el 13 nov. 2019 a las 19:08
  • No especifica nada, punto abajo
    – Gonzalo
    el 7 mar. 2021 a las 1:07
3

basta con agregar min="0"

<form action="../../form-result.php" method="post" target="_blank">

<p>
   Tu edad: 
   <input min="0" type="number" name="edad"> 
   <input type="submit" value="Enviar datos">
</p>

</form>
0

Situar la propiedad min en 0, evitará que introduzcas números negativos usando los controles nativos, pero no impedirá que escribas de manera manual o copies y pegues un número negativo en el input. Esto lo puedes lograr añadiendo un pequeño chequeo en JavaScript. Hace un tiempo respondí una pregunta similar, pero lo que buscaba el OP era totalmente lo contrario. Usando el mismo código, lo adapto a tu caso para que solo acepte números positivos:

const input = document.getElementById('edad');

const check = () => {
  if (!input.validity.valid) input.value = 0;
  if (+input.value < 0) input.value = 0;
};

input.addEventListener('input', check);
input.addEventListener('blur', check);
<form action="../../form-result.php" method="post" target="_blank">

  <p>Tu edad: <input id="edad" type="number" name="edad"> <input type="submit" value="Enviar datos"></p>

</form>

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.