结合PHP和jQuery验证

Question

I have a form (for password reset) that first validates that the input is a correct email, then it should look for that email's existence in my user database, and finally reset the password and email the user the new one.

I'm able to do everything, but I want to have it work without page refresh. Typically I would do this all in PHP, and if there is no such email entry in my database, it would respond back after a page refresh. The thing is, I want the file that this page is using as a POST to be able to send back data to the page without a refresh, showing an error or not.

I'm going to be using jQuery $.post(). Any help?

Here's my jQuery post code:

 $.post('php/recoverPost.php', $('#recoverPost').serialize(), function(){
                $('#recoverPost').hide();
                $('#success').show();
            });

Answer 1

You could do something like this:

$('#registerform').submit(function() {
    e.preventDefault();
    $.ajax({
        'url': 'posturl.php',
        'type': 'POST',
        'data': {
            'email': $('#email').val(),
            'username': $('#username').val()
        },
        'success':function(data) {
            if(data == 'success') {
                alert('did it!');
            } else {
                alert('I failed!');
            }
         }
    });
});

if you make posturl.php echo 'success' if the e-mail doesn't exist this will work.