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.
Edição feita por: Renan L. Miranda, 26/02/2014, 18:31.
