Search jQuery

jQuery Forum

In Ajax login form, how to to make the keyboard enter button work?

in Using jQuery Plugins • 9 years ago

I have this ajax login plugin. If login ok, reload the document, else diaplay an error message above the login form. It works fine, execpt if hit keyboard enter button instead of click the submit button, it has no response. How to make the default keyboard enter button work?

<div id="result"></div>
<form id="loginForm" method=POST action="<%= config->{blog_root} %>login">
<span><label for "email">Email: </label></span>
<span><input type="text" id="email" name="email"></span>
<span><label for "pass">Pass: </label></span>
<span><input type="password" id="pass" name="pass"></span>
<span><input type="submit" value="Login"></li></span>
<input type="hidden" name="url" value"<%= url_for %>"
</form>
<script>
/* attach a submit handler to the form */
$("#loginForm").submit(function(event) {
/* stop form from submitting normally */
event.preventDefault();
/* get some values from elements on the page: */
var $form = $( this ),
url = $form.attr( 'action' );
/* Send the data using post and put the results in a div */
$.post( url, $("#loginForm").serialize(),
function( json ) {
var status = json["status"];
if (status == 1) {
location.reload();
} else {
content = '<span class="warning">Email or password erorr, try again.</span>';
$( "#result" ).empty().append( content );
}
}
);
});

Replies(1)

youri.bok

Re: In Ajax login form, how to to make the keyboard enter button work?

9 years ago

As long as there is a form around the input elements that you wish to submit via ajax, it should work. I see you are using event.preventDefault(). Some browsers require a different method, namely by adding return false; to the end of the function. I always use both at the same time when creating such functions.

For the rest I don't see how the enter button shouldn't work as expected.

Top Reply

Response title

Attachments

jQuery Forum

In Ajax login form, how to to make the keyboard enter button work?

Replies(1)

Re: In Ajax login form, how to to make the keyboard enter button work?

Statistics

Tags

Actions

Related Posts