Monday, 8 August 2016

javascript - Submitting a form on 'Enter' with jQuery?



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



$('.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().


No comments:

Post a Comment

c++ - Does curly brackets matter for empty constructor?

Those brackets declare an empty, inline constructor. In that case, with them, the constructor does exist, it merely does nothing more than t...