входное значение jQuery

Question

У нас есть input элементов на странице:

<input type="text" class="lovely-input" name="number" value="" />

Пользователь вводит число, которое хочет видеть.

Как отслеживать это входное значение. с какими опциями? Это:

1. Если пользователь вводит цифру больше 100, измените значение ввода (на лету, без обновления страницы) на 100.
2. Если он набирает цифру меньше 1, установите значение в 1.

Answer 1

Вместо этого используйте событие keyup:

$(".lovely-input").keyup(function(e) {
    var $this = $(this);
    var val = $this.val();
    if (val > 100){
        e.preventDefault();
        $this.val(100);
    }
    else if (val < 1)
    {
        e.preventDefault();
        $this.val(1);
    }
});

Вот рабочая скрипка .

Answer 2

Плагин проверки jquery будет обрабатывать ваши требования к максимальным и минимальным значениям.

В отношении изменения ввода:

$("#number_input").change(function() {
  if($("#number_input").val() < 1) 
    $("#number_input").val(1);
});