Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal tudo bem?
Queria saber como criar um formulário de cadastro igual ao do twitter?
queria fazer algo igual ao campo de nome de usuário..
conforme você digita ele já vai verificando em tempo real se o usuario está ou não disponivel
é bem simultaneo conforme voce digita ele ja vai informando...
Valeuuu
cria uma pagina busca_nome.php
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-9" />
</head>
<body>
<?php
if(!empty($_GET["valor"]))// aqui coloque a nonecçao com o banco de dados
$sql="select * from basededados where Nome like '$_GET[valor]%'";
$resultado=mysql_query($sql) or die (mysql_error());
$linhas=mysql_num_rows($resultado);
if($linhas>0){
while($pegar=mysql_fetch_array($resultado))
echo 'Nome já existente';
}
}
?></body></html>
:seta: uma pagina com nome :seta: script.js// JavaScript Document
function ajax(url)
{
//alert(nick);
//alert(dest);
//alert(msg);
req = null;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET",url,true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET",url,true);
req.send();
}
}
}
function processReqChange()if (req.readyState == 4) {
if (req.status ==200) {
document.getElementById('pagina').innerHTML = req.responseText;} else {
alert("Houve um problema ao obter os dados" + req.statusText);
}
}
}
:grin: na sua pagina de cadastro mete este codigo :seta:
<script src="script.js"></script>
<script>
function pesquisa(valor)url="busca_nome.php?valor="+valor;
ajax(url);
}
</script> <style>
.inputt {
background-color:transparent;
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>// a input , é o que você quiser colocar mas nao remova o onkeypress.
<input type="text"placeholder="Buscar"; name="nome"style="width:300px" onKeyPress="pesquisa(this.value)" />
// esta div pagina , nao remova . é onde o sesultado retornado será apresentado.
<div id="pagina">
:grin: espero ter ajudado
basta disparar no onkeyup:
http://wbruno.com.br/2009/08/14/verificar-se-usuario-ja-existe-no-banco/