quarta-feira, 13 de julho de 2011

Javascript

Todo mundo só fala em JQuery, Ajax, Jason... Povo anda vendo muito filme, veja aqui como criar uma verificação de usuário em tempo real sem usar nada disso utilizando apenas o bom e velho Javascript e PHP uma combinação que nem leite com chocolate!

Vamos primeiro criar uma função em PHP que permita gerar uma lista no formato JS:

// codigo em PHP
function ListaJS($conexao, $ins, $campo) {
  $con->query($ins); // aki no ins poderia ir por exemplo select usuario from usuarios where usuario<>'' group by usuario order by usuario
   $sqlUSERS=$con->sql;
   $c=1;
   $lin=mysql_num_rows($sqlUSERS);
   $txt='';
   while($rs=mysql_fetch_array($sqlUSERS)) {
    $txt.='"'.$rs[$campo].'"';
    if($c < $lin) {
     $txt.=',';
    }
    $c++;
   }
   unset($sqlUSERS);
   echo $txt;
 
 }


Agora vamos ao Javascript que utilizará esta função PHP:

<script type="text/javascript">
<!--
 function empty(v){
  if (v==null || v==0 || v=='' || v==""){
   return true
  } else {
   return false
  }
 }

 function verifica() {
  var lista=new Array(<?php ListaJS($conn,$ins,'usuario'); ?>);
  var login=document.frm1.usuario.value;
  if(!empty(login)) {
   document.frm1.info.value = "Verificando...";
   for(i=0; i < lista.length; i++) {
    if(lista[i] == login) {
     document.frm1.info.value = "Indisponível";
     exit;
    }
   }
   if(document.frm1.info.value == "Verificando...") {
    document.frm1.info.value="Ok";
   }
  } else {
   document.frm1.info.value="Preencha o nome do Usuário";
  }
 }

-->
</script>

No seu formulário basta aplicar utilizando o evento onblur:

<form method=post action=seila.php name=frm1>
 Usuario<input type=text name=usuario value="" onblur="verifica();">
            <input type=text name=info value="" disabled>
</form>

Espero que este post seja útil aos colegas, obviamente há vários exemplos em jquery e ajax, mas fica aqui um post em Javascript bem simples e funcional.

Nenhum comentário:

Postar um comentário