MazaXakep (ст.Mod)

активная кнопка поиска от 4 символов

//полный код
<form class="input-group search" action="/search.php?q=" method="get" onsubmit="return checkForm()">
      <input type="query"  class="search-input" placeholder="Поиск по сайту" name="q">
                <button class="search-button">
                    <img src="img/search.svg" alt="" class="search-icon">
                </button>
</form>
<script>
function checkForm (){
var input = document.querySelector('.search-input');
if (input.value.trim().length <4){
 
return false;
}
}
</script>

» Описание: данный код деактивирует кнопку поиска если она пуста или имеет менее 4 символов. хороший способ чтобы юзеры не нагружали бд.
инструкция:
вставим код после
<form class="input-group search" action="/search.php?q="
onsubmit="return checkForm()"
пример <form class="input-group search" action="/search.php?q=" method="get" onsubmit="return checkForm()">

вставим после </form>
<script>
function checkForm (){
var input = document.querySelector('.search-input');
if (input.value.trim().length <4){

return false;
}
}
</script>
ps search-input это название div у вас может по другому
» Время добавления: 29 Дек 2023 в 22:08
» Посмотров: 1261
» textarea
» Рейтинг: [+1 | -0]
Комментарии [0]