how to disable submit button with ajax based on ajax response

Question

iam trying to use something like this in my code but hsving no luck...

function captcha(data)
{   
var httpxml;
try
{
// Firefox, Opera 8.0+, Safari
httpxml=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
httpxml=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
httpxml=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
function stateck()
{
if(httpxml.readyState==4)
{
document.getElementById("cap_error").innerHTML=httpxml.responseText;
var result = httpxml.responseText;
if (result == 'Error..try again')
{
  document.getElementById("regSubmit").disabled = true;
}


}
}
var url="includes/captcha.php";
url=url+"?datacap="+data;
url=url+"&sid="+Math.random();
httpxml.onreadystatechange=stateck;
httpxml.open("GET",url,true);
httpxml.send(null);
}

Edit: my submit button is:

When ajax function returns 'Error..try again' regSubmit button should be disabled. But this function is not working for my right now. if (result == 'Error..try again') { document.getElementById("regSubmit").disabled = true; }

Answer 1

This is what we have in on app:

document.getElementById('buttonId').disabled=true;

And it works.

Two things:

1 - Make should you clear your browser cache after you change your javascript.

2 - Put an alert before you disable your button to make sure you are getting into your 'if' statement.