@S1MY

Как сделать вывод надписи «ничего не найдено»?

Добрый день, сделал вот такой "помощник" при поиске
<input type="text" placeholder="Что ищите?" id="search" autocomplete="off">
<div class="search-result_wrapper">
	<p>Scania P400</p>
	<p>Scania</p>
	<p>Scart</p>
	<p>Дополнительный пункт</p>
</div>

Изначально search-result_wrapper скрыт и открывается по этому этому коду
$('#search').keypress(function(event) {
	if( $(this).val().length == '2' ){
        var value = $(this).val().toLowerCase();
	$('.search-btn-wrapper').addClass('searchActive');
	$(".search-result_wrapper p").filter(function() {
		$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
	});
	setTimeout(function(){
		$('.search-result_wrapper').slideDown();
	}, 500)
	}
});

Но как сделать так, что если бы мы ввели допустим - eve1e, чтобы в блоке search-result_wrapper отображалась "ошибка"?
Никак до этого дойти не могу, заранее спасибо за помощь!
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
@S1MY Автор вопроса
setTimeout(function(){
		$('.error').hide();
		$('.search-result_wrapper p').each(function(index, el) {
			var ths = $(this);
			if( ths.css('display') == 'block' ){
				$('.error').hide();
				$('.search-result_wrapper').slideDown();
				return false;
			}else{
				$('.search-result_wrapper').hide();
				$('.error').show();
			}
		});
	}, 500)

Получилось только так сделать
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 05:21
2000 руб./за проект
28 нояб. 2024, в 05:18
500 руб./за проект
28 нояб. 2024, в 03:51
3500 руб./за проект