jquery submit using button or enter?

Question

I have an input field and a button on my form, currently I using the button to start a search.

Can I use the button and if the user presses 'Enter' on the form field ?

This is the search input field and button:

<input id='search' name='search' />
<input type='button' name='find' id='find' value='Find'>

and this is the Jquery I'm using for the button.

$('body').on('click', '#find', function(){

How do I add the enter key on the search field as well ?

Thanks

you have to make 2 function, 1 for click, and 2 for keypress(13(enter)) — Denny Sutedja, Oct 19 '16 at 08:33
Possible duplicate of [How to detect pressing Enter on keyboard using jQuery?](http://stackoverflow.com/questions/979662/how-to-detect-pressing-enter-on-keyboard-using-jquery) — P. Frank, Oct 19 '16 at 08:35
[This might help](http://stackoverflow.com/questions/699065/submitting-a-form-on-enter-with-jquery") — Rino Raj, Oct 19 '16 at 08:50

score 4 · Accepted Answer · answered Oct 19 '16 at 08:40

4

this works with button and pressing "enter"

<form id="myForm">
    <input id='search' name='search' />
    <input type='submit' value='Find'>
</form>

$("#myForm").submit(function( event ) {
  event.preventDefault();
// your code here
});

answered Oct 19 '16 at 08:40

Eren Akkus

471
4
11

score 3 · Answer 2 · answered Oct 19 '16 at 08:36

3

You can use keypress function:

$("#search").keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

answered Oct 19 '16 at 08:36

P. Frank

5,691
6
22
50

score 0 · Answer 3 · answered Oct 19 '16 at 08:37

0

Try

$('body').on('keypress', '#search', function(e) {
    if (e.which == 13) {
      alert('enter');
    //do stuff
    }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id = "search">

answered Oct 19 '16 at 08:37

sideroxylon

4,338
1
22
40

score 0 · Answer 4 · answered Oct 19 '16 at 08:38

to check enter key is pressed use the following javascript code

document.onkeydown = function(e) {
   var keyCode = (e.keyCode ? e.keyCode : e.which);
   if (keyCode == 13) {
      //it means that enter key is pressed now you can do your search functionality here
   }
}

score 0 · Answer 5 · answered Jul 13 '22 at 18:12

0

$('form#login').keypress(function (e) {
   var keyCode = e.keyCode ? e.keyCode : e.which;       
   if (keyCode == 13) 
   {
      e.preventDefault();
      $('form#login').submit();
      return false; 
   }
});

answered Jul 13 '22 at 18:12

rsmdh

128
1
2
12

jquery submit using button or enter?

5 Answers5