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

Try using the code given below:

$('.input').keypress(function (e) {

  if (e.which == 13) {

    $('form#login').submit();

    return false;    //<---- Add this line

  }

});

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