Exibir msg de erro do form na div ao lado

[chlins 1]

Pessoal,

 

Fiz um sistema de login em que quero que o usuários não precise sair da pagina, somente se o login foi bem sucedido.

Se tiver erro de email e senha ou quando clicar em "esqueci a senha", tudo seja exibido na div ao lado do form de login que ficam em display:none por default.

 

[GabrielFerrari 41]

Isso é feito com uma linguagem server-side e pode ser usado ajax para não atualizar a página.

 

Diga um pouco mais de como está fazendo e qual o seu conhecimento para poder ajudar mais precisamente.

[chlins 1]

Isso é feito com uma linguagem server-side e pode ser usado ajax para não atualizar a página.

 

Diga um pouco mais de como está fazendo e qual o seu conhecimento para poder ajudar mais precisamente.

 

Não sou programador e não tenho experiencia com javascript para fazer isso.

Pensei que pudesse direcionar o local das mensagens de erro e form para o caso do usuários clicar em esqueci a senha somente com html/php.

 

Na imagem: os campos laterais são fixo e o central é display:none, para mostrar mensagem de erro e o form para reenvio de senha.

obs.: O site que estou fazendo transformei em um tema para ser usado no wordpress. Todos os forms que fiz tem BD que não é o do WP.

O codigo do sistema de login:

<div id="painel">
   <div id="slide-panel">
     <div class="info_login">
       <h2>Login</h2>
       <p>» Se você é anunciante, faça o login</p>
       <p>» Se ainda não é » <a href=<?php echo get_option('home');?>/?page_id=32 " title="Anuncie aqui" >acesse aqui</a></p>
     </div><!--FECHA INFO_LOGIN-->

 <?php if(isset($_POST["logar"])){
   $cad_email  = $_POST['email'];
   $cad_senha  = $_POST['senha'];
   $verifica = mysql_query("SELECT * FROM fornecedor WHERE forn_email = '$cad_email' AND forn_senha = '$cad_senha'");
   if( !$verifica ) die( mysql_error() );
   $count = mysql_num_rows($verifica);

     if($count <= '0'){
     echo 'Erro ao logar - Email ou senha não confere!';
   }else{
     while($res = mysql_fetch_array($verifica)){
       $idfornecedor   = $res['idfornecedor'];
       $email          = $res['forn_email'];
       $senha          = $res['forn_email'];
       $nivel          = $res['forn_nivel'];

       $_SESSION['log_id'] 	= $idfornecedor;
       $_SESSION['log_email']  = $forn_email;
       $_SESSION['log_senha']  = $forn_email;
       $_SESSION['log_nivel']  = $forn_nivel;
	}
   if($nivel == 'admin'){
       echo '[i][color="#ff0000"](como faço para ir direto a uma pagina no wordpress?)[/color][color="#0000ff"] tipo: [/color][/i][i][color="#0000ff"]?page_id=39[/color][/i]';
   }elseif($nivel == 'fornecedor'){
       echo '[i][color="#ff0000"](como faço para ir direto a uma pagina no wordpress?)[/color][color="#0000ff"] tipo: [/color][/i][i][color="#0000ff"]?page_id=39[/color][/i]';
   }
 }
}?><!-------------ERROR LOGIN------------>
 <div class="erro_login">
   <h2>Atenção</h2>
   <p>Usuário ou senha não confere</p>
   <p>Tente o recurso ao lado »»</p>
 </div> <!--FECHA ERRO_LOGIN-->

<!-------------ESQUECI A SENHA------------>
 <div class="esqueci_senha">
   <h3>Para recuperar sua senha:</h3>
     <form meth

od="post" id="rec_senha" action="" enctype="multipart/form-data" >
       <label>
       <input name="email" type="text" id="email" size="30" maxlength="25" placeholder="Digite seu email" value=""  />
       </label>
       <input type="submit" name="recupera" id="recupera" class="submit" value="Envia" />
     </form>
     <span>A senha será enviada para seu email</span>
 </div><!--FECHA ESQUECI SENHA-->

<!-------------LOGIN------------->
 <form class="login" method="POST" id="login" action="">
   <label>
   <span>Email:</span>
   <input type="text" name="user_email" id="user_email" value="" tabindex="1" /></label>

   <label>
   <span>Senha:</span>
   <input type="password" name="user_senha" id="user_senha" tabindex="2" class="user_senha" /></label>

   <input name="re" type="hidden" value="" />
   <input type="hidden" name="" value="" />

 <input type="submit" name="logar" id="logar" value="Entra" tabindex="4" class="submit"/>

<!-------------LEMBRAR A SENHA------------>
 <div class="lembrar_senha">
     <a href="#">Esqueci a senha</a>
 </div><!--FECHA LEMBRAR-->
 </form>

</div><!--FECHA SLIDE_PAINEL-->
</div><!--FECHA PAINEL-->