Connection au formulaire ajax incorrecte

Version imprimable

Bonjour
Voila mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
mots=pass.join('');alert("password "+mots);
$('#envoyer').click(function() {
 
            var mail = $('#mail').val();
 
            var motPasse = mots;
            alert("sousmision mot de passe =>"+motPasse+" mail =>"+mail); // <= jusqu'à là ça fonctionne
            $.post('tableau.php', {
                'mail': mail,
                'motPasse': motPasse
            }, reponseConnection);
        });
 
		function reponseConnection() {
            alert("sousmision deuxieme fois mot de passe =>"+motPasse+" mail =>"+mail);
	        }

voici tableau.php

Code:

1
2
3
4
5
<?php
$mail = $_POST['mail'];
$motPasse = $_POST['motPasse'];
echo "mail '.$mail.'mot de passe '.$motPasse'";
var_dump($mail);var_dump($motPasse);   // <= rien ne fonctionne ni les vardump

Merci pour l'aide que vous pourrez m' apporter.

03/02/2020, 17h55
Toufik83

Bonjour,

Si le bouton #envoyer est de type submit, il faut empêcher le navigateur de se recharger avec preventDefault().
03/02/2020, 20h20
Philcmoi

Merci.
les alert() et la fonction tableau.php et reponseConnection ne fonctionnent pas.
03/02/2020, 21h02
Toufik83

Question bête : as-tu chargé jQuery avant d'appeler le script js ?

Ouvre la console du navigateur et regarde les erreurs s'ils y'en a.

j'ai en effet charger jquery.
voici une partie du code. J'ai emménager un pass qui n'as pas de formulaire pour id jquery.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
		var clics = 0;
		var mots;
		$( "#tableau tr td div" ).on( "click", function() {
			if (clics<6)  
		{	$("#masquesaisie").append("*");pass[clics]=$(this).text();
		clics++;
 
		}
			 else {mots=pass.join('');alert("password "+mots);}
			});
 
		$('#envoyer').submit(function( event ) {
			  event.preventDefault();
 
			var mail = $('#mail').val();
 
            var motPasse = mots;
            alert("sousmision mot de passe =>"+motPasse+" mail =>"+mail);
 
 
         $.post('tableau.php', {
                'mail': mail,
                'motPasse': motPasse
            }, reponseConnection);
        });
 
		function reponseConnection() {
            alert("sousmision deuxieme fois mot de passe =>"+motPasse+" mail =>"+mail);
	        }

03/02/2020, 21h48
Toufik83
Quand tu fais ça :
Code:

1 2 $('#envoyer').submit
le id id="envoyer" c'est un attribut du <form> ou bien du bouton submit ?

Voici le code.

Code:

1
2
3
4
<form id="coffre" action="#" method="post">
    <button type="submit" id="envoyer" title="Envoyer">Valider</button>
    <button type="reset" id="reset" title="Reinitialiser">Effacer</button>
    </form>

03/02/2020, 22h09
Toufik83
Eh ben non, le submit doit être attaché au <form> et pas au bouton, donc :
Code:

1 2 $("#coffre").submit(....);

merci.
et pour

Code:

1
2
3
4
5
6
7
8
9
$.post('tableau.php', {
                'mail': mail,
                'motPasse': motPasse
            }, reponseConnection);
        });
 
		function reponseConnection() {
            alert("sousmision deuxieme fois mot de passe =>"+motPasse+" mail =>"+mail);
	        }

Code:

1
2
3
4
5
<?php
$mail = $_POST['mail'];
$motPasse = $_POST['motPasse'];
echo "mail '.$mail.'mot de passe '.$motPasse'";
var_dump($mail);var_dump($motPasse);

Utilise le callback done pour gérer le retour du fichier php et fail pour les erreurs :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$.post('tableau.php', 
            {  
                'mail': mail,
                'motPasse': motPasse
            }
)
.done(function(data){
      reponseConnection(data);//on ajoute le data comme paramètre de la fonction reponseConnection
})
.fail(function(erreur){
    alert("Erreur post :"+erreur);
});
function reponseConnection(d) {//n'oublis pas ça ! 
       console.log("d :"+d);//des console.log sont mieux que des alert
}

Code:

1 2 3 4 5 6 7 8 9 10 $.post('tableau.php', { 'mail': mail, 'motPasse': motPasse }, reponseConnection); }); // cela fonctionne => function reponseConnection() { alert("sousmision deuxieme fois mot de passe =>"+motPasse+" mail =>"+mail); }
tableau.php ne semble pas fonctionner.
Code:

1 2 3 4 5 <?php $mail = $_POST['mail']; $motPasse = $_POST['motPasse']; echo "mail ".$mail; var_dump($mail);
voila ce qu il y a dans la console.

Citation:

Unchecked runtime.lastError: The message port closed before a response was received.

puis en regardant au plus prés:

Citation:

Notice: Undefined index: mail in C:\wamp\www\confucius\tableau.php on line 2
Call Stack
# Time Memory Function Location
1 0.0011 354696 {main}( ) ...\tableau.php:0

( ! ) Notice: Undefined index: motPasse in C:\wamp\www\confucius\tableau.php on line 3
Call Stack

08/02/2020, 10h11
Philcmoi
j'aichanger tableau php en
Code:

1 2 3 if (empty($_POST['mail'])) {echo 'mail vide ';} if (empty($_POST['motPasse'])) {echo 'pass vide';}
]
et en effet tout est vide.
comment faire? sachant que motPasse n'est pas dans le formulaire mais est saisi en cliquant sur des chiffres.
merci

J'avais un champ non inclus dans le formulaire. j'ai modifier mon formulaire et organiser la saisie des données via cliques sur des chiffres.
La saisie du champs se fait en jquery. et cela fonctionne.

Citation:

$('input[name=passeMot]').val(mots);

puis cela fonctionne.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
$("#coffre").submit(function( event ) {
			  event.preventDefault();
			var  mail = $('#mail').val();
			var  motPasse = $('#motPasse').val();
			  clics=0;
            alert("sousmision mot de passe =>"+motPasse+" mail =>"+mail);
 
 
         $.post('tableau.php', {
                mail: $('#mail').val(),
                motPasse: $('#motPasse').val()
            },  
            function(data){
 
                if(data == 'Success'){
                     // Le membre est connecté. Ajoutons lui un message dans la page HTML.
 
                     $("#resultat").html("<p>Vous avez été connecté avec succès !</p>");
                }
                else{
                     // Le membre n'a pas été connecté. (data vaut ici "failed")
 
                     $("#resultat").html("<p>Erreur lors de la connexion...</p>");
                }
 
            },
            'text'
         );
    });

Merci à toi Toufik83.