Associating Enter keypress with a button using jQuery

Question

I have a few limitations on the modal form:

<div class="block-footer align-right"> <button type="button">Submit</button> <button type="button">Submit &amp; Close</button> <button type="button">Close</button> </div> 

How can I do this when the user presses the Enter key, then the first “Submit” button will be pressed. This is important for the click action, since I want the user to visually display the color of the button when clicking on it.

Note that I already did the following and associated the execution of the function with this button:

 $('#modal button:contains("Submit")').click(function () { submitHandler(dObj.$link, $('#main-form'), false); }); 

Answer 1

This will detect the 'Enter' key, press

 $(document).keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ $('#Submit').click(); } }); 

Answer 2

What about processing submit () instead?

 $('form#id').submit(function(){ //some validation return false; //dont allow submit });