Как отключить отправку формы по нажатию enter? - Блог X3M-Slider(а)

Вверх

Блог
RSS лента

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

Vape Shop Эко Заправка

Припустим вам нужно что бы форма срабатывала только при нажатии кнопки.
У меня задача была такова что бы отправить сообщение нужно было разблокировать форму, то есть как в новых телефонах, или яблокофонах от куда эта технология пошла. Другими словами вы тяните бегунок с левого угла в правый и появляется кнопочка отправить.
Это реализовали. Но вот при тестировании оказалось что если ввести какие то данные в input и нажать ентер срабатывало событие submit.
Вот и пришлось выдумывать как заблокировать ентер, в принципе решение не особо сложное.
Нужно в форму прописать антиентер
<form  id="theForm" onsubmit="return false;">
А кнопку сделать не submit, а button, а на нее повесить код:

  1. $(function(){
  2.        
  3.  $('.buttom').click(function() {
  4.        
  5.    $('#theForm').submit();
  6.          
  7.  });   
  8.  
  9. });

в инпуте вставить класс class="buttom"
<input type="button" value='Отправить' class="buttom">
Ну вот как то так.
Класс не ошибочно назван "buttom", опережу летящие в меня камни. Но вот захотелось его так обозвать :)
Вроде как работает во всех браузерах.

Ваша оценка: Пусто Средняя: 3.3 (15 votes)
Главная | Портфолио | Услуги | Контакты | Блог