Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho esse código para verificar o usuário... Ele funciona quando o valor é lucastas2 e carrega o erro quando é diferente de lucastas2... Mas eu preciso alterar o nome Lucastas2 por um valor do campo do mysql que é USUARIO entao se user =='usuario do banco' certo e se for diferente errado... Mas e eu preciso fazer tambem com o campo nome... Como faço?
usuario:function(){
$('#input.img.user').keyup(function(){
var user = $('#input.img.user').val();
html = '';
if(user == 'lucastas2'){
$('#certo').css('opacity','1').css('-webkit-transition','1s');
$('#errado').css('opacity','0').css('-webkit-transition','1s');
} if(user != 'lucastas2'){
$('#errado').css('opacity','1').css('-webkit-transition','1s');
$('#certo').css('opacity','0');
}/*else if(user == 'ban'){
$('#principal').html('Ops parece qe vc não pode acessar esse painel ;s');
$('#avatar.recebe.local').css('overflow','hidden').animate({width:'0px'}).animate({height:'0px'});
}else{
html += user;
}
$('#avatar.recebe.local').html(html);
});
}Oi Miciline, eu quero obter o valor do usuario usando o $.$ajax({type:'POST', url:''; ... Eu quero obter o nome de usuario através de uma pagina login.php só que eu qeria obter o resultado sem ter que dar enter ou clicar no submit do formulario ;s queria obter automaticamente ;s
Bem vamos la, voce quer que assim que entre na pagina o javascript envie uma requisição para o login.php e la retorne o nome de usuario certo? bem, eu nao sei o que voce esta querendo realmente fazer, pois entrar em uma pagina e ja pegar o valor do usuario (nao sei que valor é esse, pode ser login ou senha) é uma coisa meio estranha...
Bem confirma se é isso que voce esta querendo fazer, pois dai ja te passo o comando certo.
Quando eu entro no site o input está vazio, e quando eu digitar a primeira letra
ex: Digito a letra L e ja aparece o X falando que não existe o usuario L tende? Sem ter que dar o submit..
http://lucastasteste.hplivre.com.br/teste/
Aqui nesse site ta em javascript
Digita Lucastas2 la pra vc ver
Entendo..
então seria o seguinte: Formulario > Quando o input mudar -> função ajax -> true ou false -> Resultado X ou correto.
Você pode encontrar uma boa referencia aqui: http://www.w3schools.com/php/php_ajax_php.asp
Espero ter ajudado ;)
formulario.html
<html>
<head>
<script>
function showHint(str)if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","gethint.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<p><b>Digite seu usuario logo abaixo:</b></p>
<form>
Usuario: <input type="text" onkeyup="showHint(this.value)">
</form><span id="txtHint"></span></p>
</body>
</html><?
// Pega o parametro do usuario em HTTP GET
$q=$_REQUEST["q"];
$usuario = "lucastas2";
if ($q==$usuario) {
echo ("Usuario correto.");
} echo "usuario incorreto";
}Voce vai fazer o seguinte, a primeira coisa que tevemos ter a prova é o formulario, e um puglin chamado jquery, pois bem, tem-se o formulario junto ao puglin:
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> //Script do Jquery
<input type="text" placeholder="Digite o usuario" id="usuario">// Aqui se localiza o inputAgora nos vamos fazer o seguinte, vamos criar um função do jquery que ira monitorar cada digito que o usuario irá fazer no input e envia-lo para o PHP:
<script>
$( document ).ready(function() {
$('#usuario').keyup(function(){
var variavel = $('#usuario').val(); success: function(data_o){
alert(data_o);
}
});});//fecha o keyup
});//Fecha o document ready
</script>
Então, vou explicar cada detalhe do codigo para melhor entendimento:
>
$( document ).ready(function() {
});//fecha o keyup
Esta função declara que todo o codigo sera iniciado na pagina, é como se fosse a chave de ignição do carro.
>
$('#usuario').keyup(function(){});//fecha o keyup
Para que esse codigo funcione é necessario que ele esteja dentro do codigo mostrado anterior (document ready), esse codigo seleciona o input com id 'usuario', que no caso é aquele input que vimos acima, logo depois ele fica observando se ele foi digitado (keyup), e assim que foi ele realiza um função (function(){})>
var variavel = $('#usuario').val();
A primeira função é selecionar o que o usuario escreveu la dentro, por isso ele faz a mesma logica de cima, seleciona o input chamado id, logo em seguida ele ultiliza o comando .val(), que nada mais é do que um função do jquery que seleciona o valor dentro daque input
>
$.ajax({ type: "POST", url: "ler_usuario.php", data: variavel, cache: false, success: function(data_o){ alert(data_o); } });
Agora que ja temos toda a parte de frente feita, devemos nos preocupar com a parte do servidor, entao iremos criar um arquivo chamado ler_usuario.php na mesma pasta aonde se licaliza este projeto:
No projeto PHP nos devemos fazer 2 tipos de verificação:
if($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') {//verifica se veio atraves do metodo ajax
if($_SERVER['REQUEST_METHOD'] == 'POST'){//verifica se veio atraves do metodo post
$parametro = $_POST["parametro"];// pega a variavel que veio via parametroif(strlen($parametro) > 3){//devemos verificar novamente se o parametro contem mais de 3 digitos, via servidor pq do lado cliente pode-se esperar de tudo
//BEM AGORA QUE VOCE JA TEM TUDO OK, NAO SE ESQUEÇA DE VERIFICAR CONTRA SQL INJECTION SE FOR VERIFICAR ALGO NO SERVIDOR E FAÇA O QUE VOCE QUISER E BEM ENTENDER COM A VARIAVEL $parametro...
if ($parametro == 'lucastas2') {
echo "Usuario correto"; }else{ echo "usuario incorreto"; }Bem ai esta tudo explicado nos minimos detalhes se tiver mais alguma duvida estamos ai.
Abraços
Isso ai e javascript man, nunca mas nunca faca isso na sua vida, codigos javascript São visiveis para o usuario e caso ele veja o codigo fonte bau! Rsrs use php, se desejar alguma ajuda de como resolver isso via php estamos ai!