11548 sujets

JavaScript, DOM et API Web HTML5

Problème JQuery Fancybox formulaire de login

Bonjour,

J'ai une fenêtre fancybox qui s'ouvre pour que l'utilisateur s'identifie. A l'envoi du formulaire, il vérifie si les deux champs (username et password) ont bien été renseignés dans le cas contraire il affiche un message dans fancybox. Je souhaiterais maintenant que lorsque le couple username/password n'est pas valide, il affiche un autre message. Pour l'instant, il ferme la fancybox...
Merci de votre aide.

$loginFormAction = $_SERVER['PHP_SELF'];
if (isset($_GET['accesscheck'])) {
  $_SESSION['PrevUrl'] = $_GET['accesscheck'];
}

if (isset($_POST['email'])) {
  $loginUsername=$_POST['email'];
  $password=$_POST['pass'];
  $MM_fldUserAuthorization = "";
  $MM_redirectLoginSuccess = "abonnes/mon-espace.html";
  $MM_redirectLoginFailed = "";
  $MM_redirecttoReferrer = true;
  mysql_select_db($database_cours, $cours);
  
  $LoginRS__query=sprintf("SELECT email, pass FROM abonnes WHERE email=%s AND pass=%s",
    GetSQLValueString($loginUsername, "text"), GetSQLValueString($password, "text")); 
   
  $LoginRS = mysql_query($LoginRS__query, $cours) or die(mysql_error());
  $loginFoundUser = mysql_num_rows($LoginRS);
  if ($loginFoundUser) {
     $loginStrGroup = "";
    
    //declare two session variables and assign them
    $_SESSION['MM_Username'] = $loginUsername;
    $_SESSION['MM_UserGroup'] = $loginStrGroup;	      

    if (isset($_SESSION['PrevUrl']) && true) {
      $MM_redirectLoginSuccess = $_SESSION['PrevUrl'];	
    }
    header("Location: " . $MM_redirectLoginSuccess );
  }
  else {
    header("Location: ". $MM_redirectLoginFailed );
  }
}



$("#boutonmonespace1").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'onClosed'		: function() {
			$("#login_notfull").hide();
$("#login_error").hide();
		}
	});
		$("#login_form").bind("submit", function() {
	
		if ($("#email").val().length < 1 || $("#pass").val().length < 1) {
			$("#login_notfull").show();
			$("#login_error").hide();
			$.fancybox.resize();
			return false;
		}
	
	});
		$("#login_form").bind("submit", function() {
	
		if ($("#email") != $loginUsername || $("#pass") != $password) {
			$("#login_error").show();
			$("#login_notfull").hide();
			$.fancybox.resize();
			return false;
		}
	
	});



<div style="display:none">
      <form id="login_form" method="post" action="<?php echo $loginFormAction; ?>">
              <p id="login_notfull">Merci d'entrer votre nom d'utilisateur<br/>et votre mot de passe</p>
              <p id="login_error">Nom d'utilisateur et/ou mot de passe invalide(s)</p>                            
          <p>
        <label for="email">Nom d'utilisateur : </label>
              <input type="text" id="email" name="email" size="30" />
          </p>
          <p style="text-align:right">
              <label for="pass">Mot de passe :</label>
               <input type="password" id="pass" name="pass" size="30"/>
          </p>
          <p>
              <input type="submit" value="Valider" />
          </p>
          <p>&nbsp;</p>

      </form>
    </div>

Modifié par whynote (10 Nov 2010 - 13:57)
Sujet clos
Aller à