Не нажимается Enter в input type search, как сделать?

Question

[alex1nd]

При нажатии кнопки enter вместо того чтобы шло нажатие убирается текст который написан в этот инпут.

Как сделать чтобы при нажатии enter шел запрос на поиск.

https://rts-yug.ru/

<form method="get" class="input-group" action="https://rts-yug.ru">
              <input name="s" class="form-control" type="search" placeholder="Поиск по сайту" aria-label="Поиск по сайту"> 
             <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
                <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
              </svg>
            </form>

Answer 1

[alex1nd]

нашел проблему. Проблема была в конфликте. скрипта формы обратной связи с модального окна. Его параметры накладывались на все формы. так как написано было так $('form').on('submit', function(event) {...................

Просто закомментировал и заработал поиск и нажатие enter как надо.

назначил конкретно на модал окна по иду $("#form5").on('submit', function(event) {

Answer 2

[Антон Антон]

Сделать кнопку с type="submit"

Comments

[alex1nd]

кнопка не помогла. Ничего не помогает он тупо убирает текст после нажатия на enter или на кнопку.

Вообще без кнопки нужно сделать.

[Антон Антон]

alex1nd, я хз, кто там что убирает. Автоотправка формы по энтеру работает без скриптов, если в ней лежит кнопка с type="submit" (кстати, никто не мешает сделать её визуально как то, что там дальше в svg), иначе нужно наверчивать скрипты.
Судя по тому, что кто-то там что-то убирает, скрипты какие-то есть.
ЗЫЖ По ссылке не ходил.

Answer 3

[Олег Соломатин]

Как вариант повесить обработчик события на данный Input или же форму целиком.

Answer 4

[Дмитрий]

Пример