File "formulaire.html"

Full Path: /home/analogde/www/00000/Jquery/formulaire.html
File size: 2.88 KB
MIME-type: text/html
Charset: utf-8

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script>
$(document).ready( function () { 
	/*$("#connexionForm").submit( function() {	// à la soumission du formulaire	
		alert("toto");
	
		$.ajax({ // fonction permettant de faire de l'ajax
		   type: "POST", // methode de transmission des données au fichier php
		   url: "login.php", // url du fichier php
		   //data: "login="+$("#login").val(),   // +"&pass="+$("#pass").val(), // données à transmettre
		   data : 'login=' + login , //+ '&contenu=' + contenu_mail, // On fait passer nos variables, exactement comme en GET, au script more_com.php

      
		   
		   success: function(msg){ // si l'appel a bien fonctionné
				if(msg==1) // si la connexion en php a fonctionnée
				{
					$("div#connexion").html("<span id=\"confirmMsg\">Vous &ecirc;tes maintenant connect&eacute;.</span>");
					// on désactive l'affichage du formulaire et on affiche un message de bienvenue à la place
				}
				else // si la connexion en php n'a pas fonctionnée
				{
					$("span#erreur").html("<img src=\"bomb.png\" style=\"float:left;\" />&nbsp;Erreur lors de la connexion, veuillez v&eacute;rifier votre login et votre mot de passe.");
					// on affiche un message d'erreur dans le span prévu à cet effet
				}
		   }
		});
		return false; // permet de rester sur la même page à la soumission du formulaire
	});*/
	
	$("#submit").click(function{
        $.post(
            'login.php', // Un script PHP que l'on va créer juste après
            {
                login : $("#login").val();  // Nous récupérons la valeur de nos input que l'on fait passer à connexion.php
                passw : $("#pass").val();

            },

            function(data){

                if(data == 'Success'){

                     // Le membre est connecté. Ajoutons lui un message dans la page HTML.

                     $("#erreur").html("<p>Vous avez été connecté avec succès !</p>");
					alert("Good");
                }

                else{

                     // Le membre n'a pas été connecté. (data vaut ici "failed")

                     $("#erreur").html("<p>Erreur lors de la connexion...</p>");
						alert("Nada");
                }

        

            },

            'text'

         );

    });
	
});

</script>

<form name="connexionForm" id="connexionForm" action="#"><!-- début du formulaire de connexion -->   
	<span id="erreur"></span><!-- span qui contiendra les éventuels messages d'erreur -->
 
	<label for="login">Nom d'utilisateur :</label>
        <input type="text" name="login" id="login" /><!-- champ pour le login -->
 
	<label for="pass">Mot de passe :</label>
	<input type="password" name="pass" id="pass" /><!-- champ pour le mot de passe -->
 
        <input type="submit" value="Je me connecte" class="bouton" /><!-- bouton de connexion -->
</form><!-- fin du formulaire -->