Problema no código

[Diego.G.A]

E o seguinte eu fiz um codigo de ajax mas ele funciona tudo bem, exceto quando eu digito algum valor ao campo nomeCat ele desativa meu botão salvar.

po se tiver alguém que possa me dar uma força ai.

Ai vai o code;

CODE AJAX

function salvarCat(resp,tipo) {
 xmlHttp = new validaNav();
 if(xmlHttp == null) {
  alert("Seu navegador não da suporte a AJAX!");
  return;
 }

 var vNome = new validaNome();
 var vEst = new validaEstado();

 if(vNome == true && vEst == true) {
  document.getElementById(resp).innerHTML = "<img src=\"../Imagens/animated_loading.gif\" width=\"16\" height=\"16\">";
  
  xmlHttp.onreadystatechange = function() {
   if(xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
    document.getElementById(resp).innerHTML = xmlHttp.responseText;
   }
  }
  
  var nome = document.formNewCat.nomeCat.value;
  var estado = document.formNewCat.estado.value;
  
  var url = "criaCat.php?";
  url = url +"nome="+ nome;
  url = url +"&estado="+ estado;
  url = url +"&sid="+ Math.random();
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
 }
}

function validaNome() {
 var nome = document.formNewCat.nomeCat.value;
 var ok = true;
 if(nome == "") {
  alert("Nome invalido!");
  var ok = false;
 }
 return ok;
}
function validaEstado() {
 var estado = document.formNewCat.estado.value;
 var ok = true;
 if(estado == "") {
  alert("Difina o estado da categoria!");
  var ok = false;
 }
 return ok;
}

AQUI O CODE DO FORM

<form id="formNewCat" name="formNewCat" method="post" action="">
  <table width="351" border="0" cellspacing="1" cellpadding="1">
    <tr>
      <td height="20" colspan="2" align="center" valign="middle" bgcolor="#ECE9D8" class="LinkMenu">Nova Categoria</td>
    </tr>
    <tr>
      <td width="10%" align="left" valign="middle" class="LinkMenu">Nome:</td>
      <td width="90%" align="left" valign="top"><label>
        <input type="text" name="nomeCat" id="nomeCat" class="campoBusca" />
      </label></td>
    </tr>
    <tr>
      <td align="left" valign="middle" class="LinkMenu">Estado:</td>
      <td align="left" valign="top"><label>
        <select name="estado" id="estado" class="campoBusca">
          <option selected="selected" value=""> </option>
          <option value="1">Ativada</option>
          <option value="2">Desativada</option>
        </select>
      </label></td>
    </tr>
    <tr>
      <td colspan="2" align="center" valign="top"><label>
      
      
      
        <input type="button" name="btnSalvar" id="button" value="Salvar" class="botaoBusca" onclick="java script:salvarCat('novaCat','1')"/>
      </label></td>
    </tr>
  </table>
</form>

[babaloricha]

não entendi o problema testei no ie e o botao não é desabilitado não!