@Happymalina

Как отключить кнопку в поле поиска до того как в поле что-то ввели?

Привет!! Помогите пожалуйста, есть небольшое поле поиска,задача по ходу очень простая, но что-то идет не так. Не сильно разбираюсь в jquery и js. Нагуглила кучу советов создавать функцию, прописывать ее inline. Получается вот такой код:
<form action="/catalog/search/" class="search-form">
      <fieldset>
           <input name="s" class="input search-field" type="text" placeholder="Поиск по сайту" onkeyup="checkParams();" id="input-search" value="">
           <div class="btn-search">
                 <input type="submit" class="search-go" value="" id="send-search" disabled="disabled">
           </div>
      </fieldset>
 </form>

function checkParams(){
 var sRequest = $('#input-search').val();
		  
 if(sRequest.length != 0) {
     $('#send-search').removeAttr('disabled');
 } 
 else {
     $('#send-search').attr('disabled', 'disabled');
 }
}


и не работает(( кнопка как была disabled,так и остается.. И в консоли пишет что функция не определена ('checkParams is not defined')
  • Вопрос задан
  • 522 просмотра
Решения вопроса 1
<form action="/catalog/search/" class="search-form">
      <fieldset>
           <input name="s" class="input search-field" type="text" placeholder="Поиск по сайту" id="input-search" value="">
           <div class="btn-search">
                 <input type="submit" class="search-go" value="" id="send-search" disabled="disabled">
           </div>
      </fieldset>
 </form>


$('html').on('keyup','#input-search',function(e) {
		if($(this).length == 0) {
			$('#send-search').prop('disabled', true);
		} else {
			$('#send-search').prop('disabled', false);
		}
	});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы