При вводе в инпут символа дать класс

257

12 октября 2017, 13:15

Как сделать так, чтобы при вводе первого символа в инпут сразу же давался класс, а не так как сейчас ? Проблемы с js/jquery, только учусь.

var input = $('#inp_1'); 
 
input.on('change', function() { 
		var inp = $('#inp_1').val(); 
		if (inp) { 
      $('span').addClass('active'); 
		} else { 
			$('span').removeClass('active'); 
		} 
	});

span { 
  display: block; 
  opacity: 0; 
} 
 
span.active { 
  opacity: 1; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input id="inp_1" type="text"> 
<span class="descr_for_input_1">Вы ввели значение</span>

Answer 1

Вместо события change используй keyup

Answer 2

var input = $('#inp_1'); 
 
input.on('input', function() { 
		var inp = $('#inp_1').val(); 
		if (inp) { 
      $('span').addClass('active'); 
		} else { 
			$('span').removeClass('active'); 
		} 
	});

span { 
  display: block; 
  opacity: 0; 
} 
 
span.active { 
  opacity: 1; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input id="inp_1" type="text"> 
<span class="descr_for_input_1">Вы ввели значение</span>