Submitting a form on 'Enter' with jQuery?

Question

I have a bog-standard login form - an email text field, a password field and a submit button on an AIR project that's using HTML/jQuery. When I hit Enter on the form, the entire form's contents vanish, but the form isn't submitted. Does anyone know if this is a Webkit issue (Adobe AIR uses Webkit for HTML), or if I've bunged things up?

I tried:

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

But that neither stopped the clearing behavior, or submitted the form. There's no action associated with the form - could that be the issue? Can I put a javascript function in the action?

Answer 1

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

Check out this stackoverflow answer: event.preventDefault() vs. return false

Essentially, "return false" is the same as calling e.preventDefault and e.stopPropagation().

Answer 2

In addition to return false as Jason Cohen mentioned. You may have to also preventDefault

e.preventDefault();