Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validação de Email Jquery e PHP Mysql

14-05-2012 14:19

Depois de muito pesquisar na internet consegui com Ajuda do amigo Web, elaborar esse script de Validação de Email
* Verifica se o campo Email está vazio, ou se está igual ao Placeholder;
* Verifica se o formato do Email é Válido, ou seja se tem nome@host.com;
* Verifica se o Email já está cadastrado no banco de dados;

HTML:
  <input type="text" name="email" id="email"  class="inputs" value="E-mail" placeholder="E-mail"> <span class="obrigatorio">*</span> <label for="email"></label> <br />  

JQUERY:
$('#email').bind('focusout keyup', function(){    if($(this).val()=='' || $(this).val() == $(this).attr("placeholder") ) {// [b]VERIFICA SE O CAMPO ESTÁ VAZIO OU SE ESTÁ IGUAL AO PLACEHOLDER[/b]         $(this).removeClass('inputs').addClass('inputs_error');// MUDA A CLASSE/ESTILO DO INPUT         $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;O Campo E-mail deve ser preenchido');// AQUI COLOCA ESCREVE NO LABEL UM TEXTO DE ERRO E INSERE UMA IMAGEM DE ERRO   }else{ //NO BLOCO DE CODIGO ABAIXO FICA O FILTRO DE EMAIL VÁLIDO      var sEmail      = $("#email").val(); var emailFilter=/^.+@.+\..{2,}$/; var illegalChars= /[\(\)\<\>\,\;\:\\\/\"\[\]]/   if(!(emailFilter.test(sEmail))||sEmail.match(illegalChars)){         $(this).removeClass("inputs").addClass("inputs_error")         $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Por favor, informe um email válido');         erros = true; }else{           jQuery("label[for='email']").empty();// AQUI LIMPA O LABEL         var email = jQuery("#email").attr("value");   $("label[for='email']").fadeIn('slow').html('<img src="../imagens/loader.gif" align="absmiddle">&nbsp;Verificando disponibilidade...');         // PARTE EM AJAX PARA VERIFICAR A EXISTÊNCIA DO EMAIL NO BANCO DE DADOS COM UM ARQUIVO PHP EXTERNO           jQuery.ajax({         type: "POST",         url: "verificar_email.php",         dataType: "html",         data: "email=" + email,           success: function(response){                 if(response == 'Email disponivel'){     // NO ARQUIVO PHP ELE VAI RETORNAR 'Email disponivel' caso o email não exista no banco de dados                $('#email').removeClass('inputs_error').addClass('inputs');                     $("label[for='email']").fadeIn().html('<img src="../imagens/accept.png" align="absmiddle" />&nbsp;Email disponível para cadastro');         }                 if(response == 'Email cadastrado'){     // NO ARQUIVO PHP ELE VAI RETORNAR 'Email cadastrado' caso o email exista no banco de dados             $('#email').removeClass('inputs').addClass('inputs_error');                     $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Email já cadastrado. Recuperar sua senha ? <a href="#">Cliquei aqui</a>');         }                         },                 error: function(){// SE HOUVER ALGUM ERRO AO TENTAR VERIFICAR ...                 $(this).removeClass("inputs").addClass("inputs_error")                 $("label[for='email']").fadeIn().html('<img src="../imagens/error.png" align="absmiddle" />&nbsp;Ocorreu um erro na verificação');                 ;}         });         } }   });

ARQUIVO PHP :

<?php header("Content-Type: text/html; charset=ISO-8859-1"); include('con.php'); $sql = "SELECT email FROM `g_fornecedores` WHERE `email` = '{$_POST['email']}' ";//monto a query $q = mysql_query( $sql );//executo a query if( mysql_num_rows( $q ) > 0 )//se retornar algum resultado echo 'Email cadastrado'; else echo 'Email disponivel'; ?>

Bom pessoal, ai está o código, quem quiser melhorar algo só postar !
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17403
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validação de Email Jquery e PHP Mysql

14-05-2012 15:25

Boa. ;)
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado