Как можно проапгрейдить скрипт?

Доброе утро.

Помогите "проапгрейдить" данный скрипт:

$('#input-1').on('keyup',function(){
		  var $this = $(this),
			  val = $this.val();

		  if(val.length >= 1){
			$('.label-text').addClass('label-text-active');
		  }else {
			$('.label-text').removeClass('label-text-active');
		  }
		});


Есть форма:

<form action="">
						<div class="thumb">
							<input id="input-1" type="text" placeholder="" required autofocus />
							<label for="input-1">
								<span class="label-text">Company Name</span>
								<span class="nav-dot"></span>
							</label>
						</div>
						<div class="thumb">
							<input id="input-2" type="email" placeholder="" required autofocus />
							<label for="input-2">
								<span class="label-text">Email</span>
								<span class="nav-dot"></span>
							</label>
						</div>
                                                ....
					</form>


Input-ов есть скажем 6 штук.

<input id="input-*" />

Я проверяю на наличие текста, и если текст есть добавляю класс.

Хотелось бы правильно написать скрипт, чтобы он понимал маску какие Input-ы нужно проверять в независимости от названия id чтобы не писать 6 раз -

$('#input-1').on('keyup',function(){
...
});

...

$('#input-6').on('keyup',function(){
...
});


и правильно написать функцию проверки на наличие текста:

if(val.length >= 1){
	$('.label-text').addClass('label-text-active');
 }else {
	$('.label-text').removeClass('label-text-active');
}


используя .toggleClass()

спасибо )
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы