У меня есть следующий javascript на моей странице, который, кажется, не работает.

$('form').bind("keypress", function(e) {
  if (e.keyCode == 13) {               
    e.preventDefault();
    return false;
  }
});

Я хотел бы отключить отправку формы при вводе, или еще лучше, чтобы вызвать мою форму отправки AJAX. Любое решение приемлемо, но код, который я включил выше, не препятствует отправке формы.

Если keyCodeне пойман, лови which:

$('#formid').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});

РЕДАКТИРОВАТЬ: пропустил, лучше использовать keyupвместоkeypress

РЕДАКТИРОВАТЬ 2: Поскольку в некоторых более новых версиях Firefox отправка формы не запрещена, безопаснее также добавить событие нажатия клавиши в форму. Также это не работает (больше?), Просто связывая событие с формой «имя», но только с идентификатором формы. Поэтому я сделал это более очевидным, изменив пример кода соответствующим образом.

РЕДАКТИРОВАТЬ 3: изменено bind()наon()

Обычно форма отправляется, Enterкогда вы сосредоточены на элементах ввода.

Мы можем отключить Enterключ (код 13) для элементов ввода в форме:

$('form input').on('keypress', function(e) {
    return e.which !== 13;
});

ДЕМО: http://jsfiddle.net/bnx96/325/

Еще короче

$('myform').submit(function() {
  return false;
});

$('form').keyup(function(e) {
  return e.which !== 13  
});

Свойство event.which нормализует event.keyCode и event.charCode. Рекомендуется следить за событием, которое для ввода с клавиатуры.

which Docs.

$(document).on('keyup keypress', 'form input[type="text"]', function(e) {
  if(e.which == 13) {
    e.preventDefault();
    return false;
  }
});

Это решение работает со всеми формами на веб-сайте (также с формами, вставленными с помощью AJAX), предотвращая только ввод текста. Поместите это в функцию готовности документа и забудьте эту проблему на всю жизнь.

Большинство ответов выше не позволит пользователям добавлять новые строки в поле textarea. Если это то, чего вы хотите избежать, вы можете исключить этот конкретный случай, проверив, какой элемент в данный момент имеет фокус:

var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
  e.preventDefault();
  return false;
}

Излишняя необходимость записывать и тестировать каждое нажатие клавиши ВВОД меня действительно беспокоит, поэтому мое решение основано на следующем поведении браузера:

Нажатие ENTER вызовет событие щелчка на кнопке отправки (протестировано в IE11, Chrome 38, FF 31) ** (ссылка: http://mattsnider.com/how-forms-submit-when-pressing-enter/ )

Поэтому мое решение состоит в том, чтобы удалить стандартную кнопку отправки (т. Е. <input type="submit">), Чтобы вышеуказанное поведение не выполнялось, потому что нет кнопки отправки, которая бы волшебным образом нажималась при нажатии клавиши ВВОД. Вместо этого я использую обработчик щелчков jQuery на обычной кнопке, чтобы отправить форму с помощью .submit()метода jQuery .

<form id="myform" method="post">
  <input name="fav_color" type="text">
  <input name="fav_color_2" type="text">
<button type="button" id="form-button-submit">DO IT!</button>
</form>

<script>
 $('#form-button-submit').click(function(){
    $('#myform').submit();
  });
</script>

Демо: http://codepen.io/anon/pen/fxeyv?editors=101

** это поведение не применимо, если форма имеет только 1 поле ввода, и это поле является текстовым; в этом случае форма будет отправлена ​​после нажатия клавиши ВВОД, даже если в разметке HTML нет кнопки отправки (например, поле поиска). Это стандартное поведение браузера с 90-х годов.

если вы просто хотите отключить отправку при входе и кнопку отправки, используйте событие onsubmit формы

<form onsubmit="return false;">

Вы можете заменить «return false» на вызов функции JS, которая будет делать все необходимое, а также отправлять форму в качестве последнего шага.

Вы можете сделать это идеально в чистом Javascript, простом и не требующем библиотеки. Вот мой подробный ответ на похожую тему: Отключение клавиши ввода для формы

Короче, вот код:

<script type="text/javascript">
window.addEventListener('keydown',function(e){if(e.keyIdentifier=='U+000A'||e.keyIdentifier=='Enter'||e.keyCode==13){if(e.target.nodeName=='INPUT'&&e.target.type=='text'){e.preventDefault();return false;}}},true);
</script>

Этот код запрещает вводить клавишу «Ввод» только для типа ввода = «текст». (Поскольку посетителю может потребоваться нажать Enter на странице). Если вы хотите отключить «Enter» и для других действий, вы можете добавить console.log (e); для ваших целей тестирования и нажмите F12 в Chrome, перейдите на вкладку «консоль» и нажмите «Backspace» на странице и загляните внутрь нее, чтобы увидеть, какие значения возвращаются, затем вы можете настроить все эти параметры для дальнейшего улучшения кода выше, чтобы удовлетворить ваши потребности для "e.target.nodeName" , "e.target.type" и многих других ...

Я не знаю, если вы уже решили эту проблему, или кто-то пытается решить это прямо сейчас, но вот мое решение для этого!

$j(':input:not(textarea)').keydown(function(event){
    var kc = event.witch || event.keyCode;
    if(kc == 13){
    event.preventDefault();
        $j(this).closest('form').attr('data-oldaction', function(){
            return $(this).attr('action');
        }).attr('action', 'javascript:;');

        alert('some_text_if_you_want');

        $j(this).closest('form').attr('action', function(){
            return $(this).attr('data-oldaction');
        });
        return false;
    }
});

Простой способ - изменить тип кнопки на кнопку - в HTML, а затем добавить событие в JS ...

Изменить от этого:

<form id="myForm">
   <button type="submit">Submit</button>
</form>

к

<form id="myForm">
   <button type="button" id="btnSubmit">Submit</button>
</form>

И в JS или JQuery добавить:

("#btnSubmit").click(function () {
    $('#myForm').submit();
});

Следующий код отменит ключ ввода от использования для отправки формы, но все же позволит вам использовать ключ ввода в текстовой области. Вы можете редактировать его дальше в зависимости от ваших потребностей.

<script type="text/javascript">
        function stopRKey(evt) {
          var evt = (evt) ? evt : ((event) ? event : null);
          var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
          if ((evt.keyCode == 13) && ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) )  {return false;}
        }

        document.onkeypress = stopRKey;
</script> 

В Firefox, когда вы вводите и нажимаете ввод, он отправляет свою верхнюю форму. Решение в форме отправки и добавить это:

<input type="submit" onclick="return false;" style="display:none" />

Спустя 3 года ни один человек не ответил на этот вопрос полностью.

Запрашивающий хочет отменить отправку формы по умолчанию и вызвать свой собственный Ajax. Это простой запрос с простым решением. Нет необходимости перехватывать каждый символ, введенный в каждый ввод.

Предполагая, что форма имеет кнопку отправки, a <button id="save-form">или an <input id="save-form" type="submit">, выполните:

$("#save-form").on("click", function () {
    $.ajax({
        ...
    });
    return false;
});

Я слышал, что whichэто не рекомендуется, поэтому измените Лучший рейтинг ответа на этот.

$('#formid').on('keyup keypress', function(e) {
  if (e.key === 'Enter') { 
    e.preventDefault();
    return false;
  }
});

ссылка https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which

Когда файл закончен (загрузка завершена), скрипт обнаруживает каждое событие для ключа «Ввод» и отключает событие позади.

<script>
            $(document).ready(function () {
                $(window).keydown(function(event){
                    if(event.keyCode == 13) {
                        e.preventDefault(); // Disable the " Entry " key
                        return false;               
                    }
                });
            });
        </script>

Полное решение на JavaScript для всех браузеров

Код выше и большинство решений идеальны. Тем не менее, я думаю, что наиболее понравился один «короткий ответ», который является неполным.

Вот и весь ответ. в JavaScript с собственной поддержкой IE 7.

var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});

Это решение теперь запрещает пользователю отправлять сообщения, используя клавишу ввода, и не будет перезагружать страницу или переместит вас в верхнюю часть страницы, если ваша форма находится где-то ниже.

Как насчет этого:

$(":submit").closest("form").submit(function(){
    $(':submit').attr('disabled', 'disabled');
});

Это должно отключить все формы с кнопками отправки в вашем приложении.