Диапазон смешивания / макс. Применяется к полю ввода определенного числа

Question

Используя решение соответствующего вопроса , как я могу использовать следующий скрипт, чтобы работать только с определенным вводом, ограничивая диапазон ввода от 0 до 0,20? Например, у меня есть два числовых ввода с идентификаторами «A» и «B», и я хочу, чтобы только следующий скрипт работал на входе id = «A».

$('input').on('input', function () {
    
    var value = this.value;
    
    if (value !== '') {
        value = parseFloat(value);
        
        if (value < 0)
            this.value = 0;
        else if (value > 0.20)
            this.value = 0.20;
    }
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" id="a" value="0" />
<input type="number" id="b" value="0" />

Answer 1

Измените селектор с выбора всех входов на тот, который вы хотите, например. $('#a').on('input', ...

Answer 2

Используйте идентификатор конкретного элемента.

$('#a').on('input', function () {

Демо-версия:

$('#a').on('input', function() {

  var value = this.value;

  if (value !== '') {
    value = parseFloat(value);

    if (value < 0)
      this.value = 0;
    else if (value > 0.20)
      this.value = 0.20;
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" id="a" value="0" />
<input type="number" id="b" value="0" />

В качестве альтернативы, если вам требуется только поддержка HTML5-совместимых браузеров, вы можете отказаться от JavaScript и просто использовать атрибуты min и max для самого элемента. Вы также можете использовать step для управления тем, насколько кнопка увеличивает значение, на что имеет смысл в сценарии, где диапазон ввода очень мал:

<input type="number" id="a" value="0" min="0" max="0.2" step="0.1" />
<input type="number" id="b" value="0" />