Проверка на вводимое значение в input?

Question

[fisherspoons]

Есть интуп с в который вводится числовое значение, так же на нем есть дата атрибут с каким-то минимальным значением(например 0,5). Нужно запретить ввод значения меньше чем в дата атрибуте, но давать вводить больше, числа в дата атрибутах могут быть разные у каждого инпута(1,5 или целое число).

<input class="input" type="text" data-val="0.5" value="0.5">
<input class="input" type="text" data-val="1.5" value="1.5">
<input class="input" type="text" data-val="1" value="1">

var insurance = document.querySelectorAll('input');
$(insurance).on('keyup', function () {
  var changeVal = parseFloat($(this).val());
  var currentVal = parseFloat($(this).attr('data-val'));
  if(changeVal < currentVal){
   $(this).val(currentVal);
  }else{
   $(this).val(changeVal);
  }
})

но как быть, если например нужно ввести 0,6 значение, его нужно стереть до 0. или вместо 1 ввести 2, тоже нужно стереть. значение меняться должно динамически без какой либо кнопки, по нажатию на которую можно проверять введенное значение

Comments

[Сергей delphinpro]

на заметку:
на событие input нужно вешаться, а не keyup, оно срабатывает на любой ввод, в т.ч. копипаста из буфера обмена без участия клавиатуры.

Answer 1

[Леонид Князев]

Например, как-то так.

Comments

[fisherspoons]

Спасибо большое!