Отключить отправку форму по нажатию enter

329
05 декабря 2017, 20:08

Есть такая форма

<form action="/ajax/getProductList" name="filterForm" method="post" id="super_form">
<input type="text" name="searcg" value="">
</form>

Поиск работает как положено, но при нажатии на enter он переходит на страницу action. Как вообще отключить этот enter и на какое событие его посадить?

Answer 1

Добавьте такой JS код:

$(document).keypress( 
    function(event){ 
     if (event.which == '13') { 
        event.preventDefault(); 
      } 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="/ajax/getProductList" name="filterForm" method="post" id="super_form"> 
<input type="text" name="searcg" value=""> 
</form>

READ ALSO
Ползунок диапазона цены jQuery

Ползунок диапазона цены jQuery

Здравствуйте, есть ползунок диапазона ценыВыглядит вот так

276
Вывод числа до 2-х знаков до запятой

Вывод числа до 2-х знаков до запятой

Есть числа, к примеру: 1 230 000, 22 345 500, 333 456 000,

210
Удалить последние изменения события

Удалить последние изменения события

Здравствуйте, есть событие которое при клике устанавливает css свойство (неважно какому элементу, там много всего повешено на click

215
Фильтр по диапозону цены

Фильтр по диапозону цены

Есть такой небольшой фильтр:

245