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

Question

[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')

Answer 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);
		}
	});

Comments

[Happymalina]

Антон Щербаков Антон, скажите пожалуйста, это нужно добавить к тому что есть или заменить какую то часть?

[Антон Щербаков]

function checkParams(){
var sRequest = $('#input-search').val();

if(sRequest.length != 0) {
$('#send-search').prop('disabled', false);
}
else {
$('#send-search').prop('disabled', true);
}
}

[Happymalina]

не срабатывает( консоль ругается, что checkParams is not defined)

[Антон Щербаков]

Happymalina: отредактировал ответ, так должно работать

[Happymalina]

эм..все равно(( а в чем может быть причина что не может определить функцию?

[Антон Щербаков]

Happymalina: В отредактированном варианте (JS + HTML) - нет функции checkParams().
Значит проблема в том, что вы не правильно перенесли предоставленный пример.

[Нур-Магомед]

Happymalina: где именно вы объявили функцию?

[Happymalina]

Антон Щербаков Антон, прошу прощения,не туда смотрела) сейчас попробую

[Happymalina]

Антон Щербаков Огромное Вам человеческое спасибо!!!!!!