Вход Регистрация
* MazaXakep (ст.Mod)

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

  1. //полный код
  2. <form class="input-group search" action="/search.php?q=" method="get" onsubmit="return checkForm()">
  3. <input type="query" class="search-input" placeholder="Поиск по сайту" name="q">
  4. <button class="search-button">
  5. <img src="img/search.svg" alt="" class="search-icon">
  6. </button>
  7. </form>
  8. <script>
  9. function checkForm (){
  10. var input = document.querySelector('.search-input');
  11. if (input.value.trim().length <4){
  12.  
  13. return false;
  14. }
  15. }
  16. </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
» Посмотров: 225
» textarea
» Рейтинг: [+0 | -0]
Комментарии [0]
Онлайн: 2
Реклама