<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script>
function getMessage(type){
          $('#ok').hide();
          $('#naook').hide();

          if(type == 1){
              $('#naook').show();
          }else{
              $('#ok').show();
          }
}

$(document).ready(function() {
    $('#ok').hide();
    $('#naook').hide();
    $('#email').change(function(){
        $.ajax({
        type: "POST",
        url: "verifica_dados.php",
        data: $(this).val(),
        success: function(resultado){
        var retorno = parseInt(resultado,10);
             getMessage(retorno);
        },
        error: function(){
            alert("Erro ao verificar os detalhes do usuario!");
        }
             });
      });
});
</script>
</head>

<body>
<div id="valida">
    <input type="text" name="email"  id="email" placeholder="valida">
</div>
<div id="ok">
    e-mail disponivel!
</div>
<div id="naook">
    E-mail não disponivel!
</div>

</body>
</html>