Как реализовать чтобы при вводе 2 цифр в input кнопка меняла цвет?

Question

[sargod]

Как реализовать чтобы при вводе 2 цифр в input кнопка меняла цвет.

Answer 1

[Михаил]

<form id="theForm" class="pure-form pure-form-stacked"> 
  <div>
    <label for="radius">Radius</label>
    <input type="text" name="radius" id="radius"/>
    <input type="submit" id="submit" value="Calculate" class="button-secondary pure-button"/>
  </div>
</form>

$('#radius').keypress(function() {
  var dInput = this.value;
  console.log(dInput.length);
  if (dInput.length >= 1) {
    if (!isNaN(dInput)) {
      $('input[type=submit]').addClass("button-error");
    }
  }
});

Весь пример тут
Может потребоваться сделать больше проверок на вводимые данные.

Answer 2

[Андрей]

Можно через bootstrap - getbootstrap.com/css/#forms-control-validation