Eu tenho um script que verifica a existência de um determinado dado no banco de dados que está funcionando perfeitamente, mas gostaria de implementar algumas funcionalidades, como o caso de desabilitar o botão de submit caso ele retorne que aquele dado exista no banco, evitando assim a duplicidade.
Tentei de todas as formas, li artigos, e fui chutando como deveria ficar, mas não obtive um resultado.
Abaixo ele está todo comentado.
$(function(){ // declaro o início do jquery $("input[name='nick_reg']").blur( function(){ //--> PEGA A FUNÇÃO DE BLUR DO CAMPO var nick_reg = $("input[name='nick_reg']").val(); //--> SETA O INPUT DO NICK var botao = document.getElementById("registrar") ; //-> SETA O BOTÃO PARA EU MODIFICAR O CSS if ( document.getElementById("nick_reg").value == "") { //--> AQUI ELE VERIFICA SE O CAMPO ESTA EM BRANCO $("#resultado").html(""); //--> LIMPA O RESULTADO document.getElementById('registrar').disabled = true; //--> DESATIVA O BOTÃO botao.style.backgroundColor = "#CCCCCC" ; //-- MUDA A COR DO BOTÃO } //--> FIM DA FUNÇÃO if ( document.getElementById("nick_reg").value != "" ) { //--> AQUI ELE IDENTIFICA QUE O CAMPO NÃO ESTÁ MAIS EM BRANCO document.getElementById('registrar').disabled = false; //--> ATIVA O BOTÃO botao.style.backgroundColor = "#FFCC00" ; //--> MUDA A COR DO BOTÃO $.post('verificar.php',{nick_reg: nick_reg},function(data){ //FAZ A CONSULTA NO BANCO $('#resultado').html(data); //--> MOSTRA O RESULTADO QUE VEM DO verifica.php }); } }); });// fim do jquery
No caso, ele me retorna o valor do $('#resultado').html(data) como "EXISTE" e "NÃO EXISTE".
O que gostaria de fazer é, ao retornar o valor "EXISTE" ele desabilite o botão, e em caso de "NÃO EXISTE" ele deixa o botão habilidade para registro.
Desde já agradeço.