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

Question

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

Я пробовал:

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

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

Answer 1

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

ПРИМЕЧАНИЕ: Вы приняли ответ bendewey, но это неправильно с его описанием e.preventDefault(). Проверьте этот StackOverflow ответ: event.preventDefault() vs. return false

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

Answer 2

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

Answer 3

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

e.preventDefault(); 

Answer 4

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

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

<input type="submit" /> 

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

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

Answer 5

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

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

Примечание: JQuery («# Submit») фокус() делает кнопку одушевленные при входе нажимается..

Answer 6

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

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

if (c == 13) ... 

Answer 7

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

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

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

Answer 8

Вы также можете просто добавить 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

Answer 9

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

var form = document.formname; 

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

Answer 10

Вот способ сделать это как плагин 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 
    }); 

Answer 11

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

Например:

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

Answer 12

Это мой код:

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

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