在继续之前完成功能的执行

Question

I have a form that is validated upon submission, inside the form submit a function is called, the submit continues and doesn't wait for the function to finish. How do I fix this?

var clientaddress=false;

function checkaddress(callback){
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({'address': address}, function(results, status) {
        if (status != google.maps.GeocoderStatus.OK) {
            clientaddress=false;
             callback(false);
        }
       else if (status == google.maps.GeocoderStatus.OK) {
            clientaddress=true;
            callback(false);
       }
    }

 jQuery(document).ready(function(){
     jQuery("#submitOrder").submit(function(){
        checkaddress(function(result) {

                    if (!result) { 
                        jAlert("Please enter a valid address!");
                        jQuery("#address").focus();
                        isValidation = 0; 

                    }
                });

       //other validation code that gets executed without waiting for checkaddress()
       //submit page
     })

I tried to make one function that calls both the address checker and a validation function, but still they do not wait for each other.

How can I solve this problem?

Answer 1

Because the geocode function is async! Use a callback:

function checkaddress(callback){
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode( { 'address': address}, function(results, status) { 
        if (status != google.maps.GeocoderStatus.OK) {
            callback(false)
        } else if (status == google.maps.GeocoderStatus.OK) {
            callback(true)
        }
    });
}

Then use this like:

checkaddress(function(result) {
    if (result) { 
        //result true! 
    } else { 
        //result false! 
    }

    //REST OF YOUR CODE GOES HERE, IF PUT OUTSIDE IT WILL EXECUTE WHILE CHECKADDRESS IS IN PROGRESS
});

Your submit function is also most likely running the default behavior, use preventDefault

jQuery("#submitOrder").submit(function(e){
    e.preventDefault(); 
    //code
});