Question

function checkform(for1)
{ 
   var result=checkform1(for1);
   alert(result);
}
function checkform1(form)
{
    var valid=false;
    var val1 = document.getElementById('security_code').value;
    $.get(url, function(data) {
        if(data.toString()==val1.toString())
        {
            var elem = document.getElementById("captchaerr");
            elem.style.visibility = 'hidden';
            valid=true;
        }
        else
        {
            var elem = document.getElementById("captchaerr");
            elem.style.visibility = 'visible';
            valid=false;
        }           
    }); 
    return valid;
}

result alert is always false even the condtion(data.toString()==val1.toString()) is true
how the control passes in this.
thnks..

Answer 1

If your ‘get’ ajax call is an async one, you can use a callback to get the result:

function checkform(for1)
{ 
   checkform1(for1, function(result) //provide the callback to the async function
   {
     alert(result); 
   });      
}
function checkform1(form, callback)
{
    var valid=false;
    var val1 = document.getElementById('security_code').value;
    $.get(url, function(data) 
    {
        if(data.toString()==val1.toString())
        {
            var elem = document.getElementById("captchaerr");
            elem.style.visibility = 'hidden';
            valid=true;
        }
        else
        {
            var elem = document.getElementById("captchaerr");
            elem.style.visibility = 'visible';
            valid=false;
        }           
        if(callback)
            callback(valid);// call the callback INSIDE of the complete callback of the 'get' jquery function
    }); 

}