Using Jquery and AJAX

Question

I am using AJAX to call a PHP file that does email validation and outputs simple text that gets returned to the AJAX Success. I am using the text returned to create variables to represent which error to display. I am having trouble using these variables, the form still submits. What could I be doing wrong?

My Code:

if (email != 0) {
// Run AJAX email validation and check to see if the email is already taken
$.ajax({  
    type: "POST",  
    url: "checkemail.php",  
    data: dataString,
    success: function(data) {
        if (data == 'invalid') {
            var invalid= 1;
        }
        else if (data == 'taken') {
        var taken= 1;
        }
    }
});
}

if (invalid == 1) {
    alert('invalid email');
error= true;
}

if (taken == 1) {
    alert('email taken');
error= true;
}

if (error == true) {
    return false;
}

score 1 · Answer 1 · answered Jan 16 '14 at 13:52

1

Is this AJAX call inside a click event? If so, you may want to use event.preventDefault() function to avoid triggering the form submission:

event.preventDefault();

Have a look to the example in the documentation

answered Jan 16 '14 at 13:52

dcapilla

171
6

score 0 · Answer 2 · answered Jan 16 '14 at 14:10

0

You should have two things in consideration:
1) if you're ajax call is triggered by a link or submit button , you MUST use preventDefault function
2) in your "checkmail.php" don't forget to call exit function in the end of call

answered Jan 16 '14 at 14:10

KB9

599
2
7
16

Using Jquery and AJAX

2 Answers2