Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Tereza Marta

Validacao de Formulario

Por , em Javascript

Recommended Posts

Tereza Marta    1

Tereza Marta
Postado

Olá pessoa!

Eu tenho um formulário onde o usuário cria um LOGIN para acessar o site...

E esse login precisa ser único e por esse motivo eu estou tentando validar ele com esse jquery...

MAS mesmo apresentando a mensagem de que o login já está em uso mesmo assim esse form é enviado e o login duplicado é cadastrado no banco de dados causando erro para o usuário na hora de tentar acessar o site com esse login...

Será que alguém pode me ajudar a resolver isso?

 

<html>
< head>
< title>Form</title>
< script type="text/javascript" src="jquery-1.2.6.min.js"></script>
< /head>
< body>

<form method="post" action="salvar.php">
< strong>Crie seu Login</strong>
< input id="login" name="login" type="text">
< div id="status"></div>
< input value="Enviar" name="submit" type="submit">
< /form>

<script type="text/javascript">
< !--
pic1 = new Image(16, 16);
pic1.src = "loader.gif";
$(document).ready(function(){
$("#login").change(function() {
var usr = $("#login").val();
if(usr.length >= 9)
{
$("#status").html('<img src="loader.gif" align="absmiddle">Verificando disponibilidade...');
$.ajax({
type: "POST",
url: "check.php",
data: "login="+ usr,
success: function(msg){
$("#status").ajaxComplete(function(event, request, settings){
if(msg == 'OK')
{
$("#login").removeClass('object_error');
$("#login").addClass("object_ok");
$(this).html(' <img src="tick.gif" align="absmiddle"> Login Disponível');
}
else
{
$("#login").removeClass('object_ok');
$("#login").addClass("object_error");
$(this).html(msg);
}
});
}
});
}
else
{
$("#status").html('<font color="red">O login deve ter pelo menos <strong>6</strong> characters.</font>');
$("#login").removeClass('object_ok');
$("#login").addClass("object_error");
}
});
});
//-->
< /script>
< /body>
< /html>

 

Código do arquivo: check.php

<?php
if(isset($_POST['login']))
{
$login = $_POST['login'];
include('conexao.php');

$db = mysql_connect($dbHost, $dbUsername, $dbPassword) or die ("Unable to connect to Database Server.");
mysql_select_db ($dbDatabase, $db) or die ("Could not select database.");
$sql_check = mysql_query("SELECT * FROM aanovos where login='".$login."'") or die(mysql_error());
if(mysql_num_rows($sql_check)){
echo 'Atenção: esse: <strong>'.$login.'</strong> já está cadastrado e NÃO pode mais ser usado. Tente outro login!';
}else{
echo 'OK';
}
}
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nego Dim    0

Nego Dim
Postado 

<html>
<head>
<title>Form</title>
<script src="../LojaOnline/js/jquery.js" type="text/javascript"></script>
</head>
<body>
<form method="post" id="form_login" action="salvar.php">
<strong>Crie seu Login</strong>
<input id="login" name="login" type="text">
<div id="status"></div>
<input value="Enviar" name="submit" type="submit">
</form>
<script type="text/javascript">

pic1 = new Image(16, 16);
pic1.src = "loader.gif";



$(document).ready(function(){
	

valid = false;

$("#form_login").submit(function(){
	
	if(valid==false){
	return false
	}
})
	
$("#login").blur(function() {
	
var usr = $("#login").val();
if(usr.length >= 9)
{
$("#status").html('<img src="loader.gif" align="absmiddle">Verificando disponibilidade...');
    
$.ajax({ 
    
	type: "POST", 
    url: "check.php", 
    data: "login="+ usr, 
    success: function(msg){ 
	
		
     if(msg=='OK'){
    
	 $("#login").removeClass('object_error');
     $("#login").addClass("object_ok");
     $("#status").html(' <img src="tick.gif" align="absmiddle"> Login Disponível');
	 valid = true
     
	 } 
     else 
     { 
	 
	 
     $("#login").removeClass('object_ok');
     $("#login").addClass("object_error");
     $("#status").html(msg);
     } 
   
}

});


}
else
 {
 $("#status").html('<font color="red">O login deve ter pelo menos <strong>6</strong> characters.</font>');
 $("#login").removeClass('object_ok');
 $("#login").addClass("object_error");
 }
});


});

</script>
</body>
</html>

Só por que tem o mesmo nome da minha mãe... brinks.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito