Отправка формы на «Enter» с помощью jQuery?

В дополнение к возврату false, как упоминал Джейсон Коэн. Возможно, вам также нужно будет предотвратитьDefault

e.preventDefault();

Не знаю, поможет ли это, но вы можете попробовать имитировать кнопку отправки, вместо прямой отправки формы. У меня есть следующий код в производстве, и он отлично работает:

    $('.input').keypress(function(e) {
        if(e.which == 13) {
            jQuery(this).blur();
            jQuery('#submit').focus().click();
        }
    });

Примечание: jQuery ('# submit'). focus() заставляет кнопку анимировать кнопку при нажатии кнопки.

Верните false, чтобы предотвратить продолжение нажатия клавиши.

Есть ли какая-либо причина, по которой вам нужно перехватывать и проверять ключ ввода?

Не могли бы вы просто добавить

<input type="submit" /> 

в вашу форму и, естественно, она будет отправлена ​​при нажатии кнопки ввода? Вы могли бы даже прикрепить форму onsubmit и вызвать функцию проверки оттуда, если хотите...

Вы даже можете использовать onsubmit как тест, чтобы узнать, отправляется ли ваша форма, но она не будет работать, если вы вызываете form.submit().

Здесь вы можете сделать это как плагин JQuery (если вы хотите повторно использовать функциональность):

$.fn.onEnterKey =
    function( closure ) {
        $(this).keypress(
            function( event ) {
                var code = event.keyCode ? event.keyCode : event.which;

                if (code == 13) {
                    closure();
                    return false;
                }
            } );
    }

Теперь, если вы хотите украсить этот тип функциональности, он прост как это:

$('#your-input-id').onEnterKey(
    function() {
        // Do stuff here
    } );

Вы также можете просто добавить onsubmit="return false" в код формы на странице, чтобы предотвратить поведение по умолчанию.

Затем переместите (.bind или .live) событие формы submit в любую функцию с jQuery в файле javascript.

Вот пример кода, который поможет:

HTML

<form id="search_form" onsubmit="return false">
   <input type="text" id="search_field"/>
   <input type="button" id="search_btn" value="SEARCH"/>
</form>

Javascript + jQuery

$(document).ready(function() {

    $('#search_form').live("submit", function() {
        any_function()
    });
});

Работает с 2011-04-13, с Firefox 4.0 и jQuery 1.4.3

Также, чтобы сохранить доступность, вы должны использовать это, чтобы определить свой код ключа:

c = e.which ? e.which : e.keyCode;

if (c == 13) ...

Это мой код:

  $("#txtMessage").on( "keypress", function(event) {
    if (event.which == 13 && !event.shiftKey) {
        event.preventDefault();
        $("#frSendMessage").submit();
    }
    });

Теперь я использую

$("form").submit(function(event)

Сначала я добавил обработчик событий к кнопке submit, которая вызвала ошибку.

Просто добавление для простой реализации. Вы можете просто создать форму, а затем сделать кнопку отправки скрытой:

Например:

<form action="submit.php" method="post">
Name : <input type="text" name="test">
<input type="submit" style="display: none;">
</form>

В HTML-кодах:

<form action="POST" onsubmit="ajax_submit();return false;">
    <b>First Name:</b> <input type="text" name="firstname" id="firstname">
    <br>
    <b>Last Name:</b> <input type="text" name="lastname" id="lastname">
    <br>
    <input type="submit" name="send" onclick="ajax_submit();">
</form>

В Js-кодах:

function ajax_submit()
{
    $.ajax({
        url: "submit.php",
        type: "POST",
        data: {
            firstname: $("#firstname").val(),
            lastname: $("#lastname").val()
        },
        dataType: "JSON",
        success: function (jsonStr) {
            // another codes when result is success
        }
    });
}

//попробуйте этот код ниже;  // надеюсь, что это может помочь;

    var form =  document.formname;

if($(form).length > 0)
{
    $(form).keypress(function (e){
        code = e.keyCode ? e.keyCode : e.which;
          if(code.toString() == 13) 
          {
             formsubmit();
          }
    })
}