Conditional Enter / Submit handling in HTML form
HTML
<form>
<input id="login" name="login" type="text" placeholder="Your login">
<input id="password" name="password" type="password" placeholder="Your password">
<button type="submit" id="submit">Submit</button>
</form>
JavaScript
// Make submit more visible, for clarity
$('form').submit(function() {
alert('Submit!');
});
// Make Enter on login move cursor to Password
$('#login').on('keydown', function (e) {
if (e.keyCode == 13) {
// Move to password field if login not empty
if($('#login').val() !== '')
$('#password').focus();
// Stop submit from being invoked
// when Enter is pressed inside Login field
e.preventDefault();
alert("terminamos");
}
});