¿Cómo hacer que una caja de texto solo acepte valores numéricos positivos? #jquery #js #html5

Para lograrlo vamos a utilizar el disparador keyup y jquery y haremos un selector por clase, en este caso la llamaremos positive, así podemos reutilizarlo en las cajas de texto que deseemos, código a continuación:

Código HTML

1
2
<input value="" class="positive" min="1" type="number" step="1" name="cajita" id="cajita" />
<input value="" class="positive" min="1" type="number" step="1" name="cajita2" id="cajita2" />

Código Javascript

1
2
3
4
5
6
7
8
$(".positive").keyup(function () {
 
            var valor = $(this).prop("value");
 
            //evaluamos si es negativo, y ponemos 1 por defecto
            if (valor < 0)
                $(this).prop("value", "1");
})

Autor: Héctor de León

Desarrollador de software, lector compulsivo.