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

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    //<---- Add this line
  }
});

Посмотрите этот ответ stackoverflow: event.preventDefault () vs. return false

По сути, «return false» - это то же самое, что и вызов e.preventDefault и e.stopPropagation().

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

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;
                }
            } );
    }

Теперь, если вы хотите украсить элемент <input> с помощью этого типа функциональности, это очень просто:

$('#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.

Это мой код:

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

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

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

if (c == 13) ...

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

Например:

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

Я использую сейчас

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

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

Сегодня я узнал, что событие нажатия клавиши не запускается при нажатии клавиши Enter, поэтому вы можете вместо этого переключиться на keydown () или keyup ().

Мой тестовый сценарий:

        $('.module input').keydown(function (e) {
            var keyCode = e.which;
            console.log("keydown ("+keyCode+")")
            if (keyCode == 13) {
                console.log("enter");
                return false;
            }
        });
        $('.module input').keyup(function (e) {
            var keyCode = e.which;
            console.log("keyup ("+keyCode+")")
            if (keyCode == 13) {
                console.log("enter");
                return false;
            }
        });
        $('.module input').keypress(function (e) {
            var keyCode = e.which;
            console.log("keypress ("+keyCode+")");
            if (keyCode == 13) {
                console.log("Enter");
                return false;
            }
        });

Вывод в консоли при вводе «A Enter B» на клавиатуре:

keydown (65)
keypress (97)
keyup (65)

keydown (13)
enter
keyup (13)
enter

keydown (66)
keypress (98)
keyup (66)

Вы видите, что во второй последовательности «нажатие клавиши» отсутствует, но нажатие / отпускание клавиш и код регистра «13» являются нажатыми / отпускаемыми. Согласно документации jQuery по функции keypress ():

Note: as the keypress event isn't covered by any official specification, the actual behavior encountered when using it may differ across browsers, browser versions, and platforms.

Протестировано в IE11 и FF61 на Server 2012 R2

Возможно, уже поздно, но вы можете добавить строку ниже в html: -

<input onkeyup="submitForm(event)" oninput="addTextName(this)" type="text" id="name-val">

и добавьте это в файл js

function submitForm(e) {
var keyCode = e.keyCode ? e.keyCode : e.which;
if (keyCode == 13){
    toggleNextScreen();
}

}

код 13 означает ввод

В 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();
        }
    })
}