Вверх

Блог
RSS лента

Ответить на комментарий

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

Припустим вам нужно что бы форма срабатывала только при нажатии кнопки.
У меня задача была такова что бы отправить сообщение нужно было разблокировать форму, то есть как в новых телефонах, или яблокофонах от куда эта технология пошла. Другими словами вы тяните бегунок с левого угла в правый и появляется кнопочка отправить.
Это реализовали. Но вот при тестировании оказалось что если ввести какие то данные в 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)

Ответить

 
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Image links with 'rel="lightbox"' in the <a> tag will appear in a Lightbox when clicked on.
  • Image links from G2 are formatted for use with Lightbox2
  • Image links with 'rel="lightshow"' in the <a> tag will appear in a Lightbox slideshow when clicked on.
  • Links to HTML content with 'rel="lightframe"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to video content with 'rel="lightvideo"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to inline or modal content with 'rel="lightmodal"' in the <a> tag will appear in a Lightbox when clicked on.

Подробнее о форматировании

Главная | Портфолио | Услуги | Контакты | Блог