Подстветка input. Jquery

243
20 апреля 2018, 12:21

Добрый вечер,вот мой html code

$(document).ready(function() { 
  $("#boughtamount").keyup(function() { 
    var value = this.value; 
    var price = 0; 
    if (value > 100) { 
      price = parseInt(value) * 1.25; 
      $("#boughtamount").addClass("selectedgood"); 
 
    } else 
      $("#boughtamount").addClass("selected"); 
    $('.res_sum').text(price); 
  }); 
});
.selected { 
  border: 1px solid red 
} 
 
.selectedgood { 
  border: 1px solid green 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
  <input type="number" placeholder="От 100 монет" id="boughtamount"> 
</form> 
<div class="toPay"> 
  <p><i>К оплате:</i></p> 
</div> 
<div class="finalpriceforitem"> 
  <b><span class="res_sum">0</span>&nbsp;руб.</b> 
</div>

Приведенный jquery код работает хорошо,но есть одна проблема. Когда пользователь вводит цифру 11, то граница - красная( это нормально), когда юзер напечатал 111 и более (в качестве примере),то она становится зеленой, но когда пользователь хочет ввести другую цену,например,642,то ему нужно стереть ранее введенные цифры, вот тут и появляется проблема. input всегда остается (с зеленой границей).Как решить эту проблему?

Answer 1
} else {
  $("#boughtamount").removeClass("selectedgood");       
  $("#boughtamount").addClass("selected");   
}
READ ALSO
Форма обратной связи, что подкрутить

Форма обратной связи, что подкрутить

Есть страница, на ней форма обратной связиЕсть файл php

346
Удаление атрибута disabled. Jquery

Удаление атрибута disabled. Jquery

Добрый вечер!Не могу понять,в чем проблема, кнопка как была неактивной,так и остается недоступной для нажатияБолее понятней будет,взглянув...

236
JS плагин поиск по странице

JS плагин поиск по странице

Всем приветЕсть такой вот плагин, для подсветки слов на странице, которые пользовтатель вводит в инпут (ну поиск по странице)

195
Валидация/маска для телефонного номера

Валидация/маска для телефонного номера

Делаю input для телефонаНо номера могут быть и не Российские

214