Надіславши форму у "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
  }
});

Перевірте цю відповідь stackoverflow : event.preventDefault () vs. return false

По суті, "повернути помилкове" - це те саме, що називати e.preventDefaultі e.stopPropagation().

Крім повернення помилкових, як згадував Джейсон Коен. Можливо, вам доведеться також запобігтиDefault

e.preventDefault();

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

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

Примітка: jQuery ('# submit'). Focus () робить кнопку анімацією при натисканні клавіші Enter.

Поверніться, 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){
...
}

Спочатку я додав у кнопку подання події eventhandler, який створив для мене помилку.

Сьогодні я з’ясував, що подія натискання клавіші не спрацьовує при натисканні клавіші 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 на функціональній клавіші () :

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 на сервері 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();
        }
    })
}