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

У меня есть стандартная форма входа в систему - текстовое поле электронной почты, поле пароля и кнопка отправки в проекте AIR, использующем HTML / jQuery. Когда я нажимаю Enter на форме, все содержимое формы исчезает, но форма не отправляется. Кто-нибудь знает, если это проблема Webkit (Adobe AIR использует Webkit для HTML), или я что-то сделал?

Я старался:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});

Но это ни остановило очистку поведения, ни отправило форму. С формой не связано никаких действий - может ли это быть проблемой? Могу ли я добавить в действие функцию javascript?

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

Посмотрите на этот ответ о переполнении стека : event.preventDefault () против возврата false

По существу, «возвращение ложным» это то же самое , как вызов e.preventDefaultи e.stopPropagation().

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

e.preventDefault();

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

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

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

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

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

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

<input type="submit" /> 

к вашей форме и естественно ли она будет отправлена ​​при нажатии Enter? Вы даже можете затем перехватить действие формы 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:

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