Discussion :

[isitien]

Bonjour,

J'ai pratique un tuto des commentaires, je l'ai teste en local separe (des fichiers du commentaire seulement), mais quand je l'ai integre au site, il m'envoi au url:

index.html?name=&gender=1&email=&comment=&captcha=&Send=Envoyer

Sachant que j'utilise des pseudo frames ainsi qu'une reecriture URL.

Le code entre les balise head:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<script src="JS/jquery.js" type="text/javascript"></script>
<!-- envoyer des messages commentaires -->
<script type="text/javascript">
$(function()
	$("#formCom").submit(function() // recuperer la soumission du formulaire formCom, lorskon soumet on lance la fonction
	{
	alert("test");
	});      
 
});
</script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<form method="POST" action="#" id="formCom">
<table width="600" border="1">
// mon formulaire se place ici
 
 
</table>
</form>

Merci pour votre aide

[Pierrot0459]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$("#formCom").submit(function(e) // recuperer la soumission du formulaire formCom, lorskon soumet on lance la fonction
	{
        e..stopPropagation(); 
	alert("test");
	});

a++

[isitien]

$("#formCom").submit(function(e) // recuperer la soumission du formulaire formCom, lorskon soumet on lance la fonction
{
e..stopPropagation();
alert("test");
});


a++

Ca change rien, toujours le meme probleme, normalement il ne doit pas charger la page, il doit m'envoyer une alerte de test

[Pierrot0459]

Excuses moi
erreur de frappe
change ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

e..stopPropagation();

par ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

e.stopPropagation();

a++

[isitien]

Excuses moi
erreur de frappe
change ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

e..stopPropagation();

par ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

e.stopPropagation();

a++

C'est fait, mais toujours le meme probleme, ce probleme est du a quoi exactement?

[isitien]

J'ai oublie une accolade et ca marche toujours pas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script src="JS/jquery.js" type="text/javascript"></script>
<!-- envoyer des messages commentaires -->
<script type="text/javascript">
$(function()
{
	$("#formCom").submit(function() // recuperer la soumission du formulaire formCom, lorskon soumet on lance la fonction
	{
	alert("test");
	});      
 
});
</script>

[Bovino]

formCom correspond bien à l'id de la balise form ? (c'est-à-dire pas à son name).

[danielhagnoul]

Bonsoir

Voir le texte, les codes et les remarques de http://api.jquery.com/submit/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$("#formCom").submit(function(){
	alert("test");
 
	return false; // si true, il l'est par défaut, le formulaire est toujours soumis
});

[isitien]

formCom correspond bien à l'id de la balise form ? (c'est-à-dire pas à son name).

Oui bien sur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form method="POST" action="#" id="formCom">

[isitien]

J'ai bien trouve l'erreur, je voudrais valider les champs avec PHP et JQuery:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$("#envoyer").click(function()
{
if ($("#nom").val() == "" ) { // si le nom est vide
 
$("#nom").css("border-color", "red"); // mettre les bordures en rouge
$("#showerrors").fadeIn().html("<b>Veuillez entrer votre nom!</b><br>"); // afficher le message en fadeIn
}
});

Comment faire pour valider les champs en PHP et transmettre cette validation vers JQuery, par exemple, dans ma partie de code, je peux faire en php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
if($nom == '') {
echo 'Veuillez entrer votre nom!';
}

en meme temps mettre les bordures en rouge, et afficher le message en fadeIn.

Merci

[isitien]

J'ai teste ce code, mais ca ne retourne rien, de plus le console d'erreur n'affiche aussi rien:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<head>
<script src="jquery.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
$(document).ready(function(){
        $("#Send").click(function() // quand on click sur Send on demarre notre fonction
        {
                                $("#Send").hide();
                                pseudo = $(this).find("input[name=pseudo]").val();
                                $.post = ("testload2.php",
                                {pseudo: pseudo},
                                function(data)
                                {
                                        alert(data);
                                });    
 
return false;
                });
                                });
</script>
</head>
<body>
<span name="displayhere" id="showerrors"></span>
<form method="POST" action="#">
                <input type="text" name="pseudo" id="pseudo" value="" class="Input01" />
     <input type="submit" name="Send" value="envoyer" class="Input01" id="Send" />
     </div>
</form>

testload2.php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<?php
print_r($_POST);
?>

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.post = ("testload2.php",

Là, tu redéfinis la méthode post de jQuery...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.post("testload2.php",

[isitien]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.post = ("testload2.php",

Là, tu redéfinis la méthode post de jQuery...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.post("testload2.php",

oui faute de frappe, normalement ca doit me retourner le pseudo que j'ai saisis, mais il me retourne undefined.

[isitien]

Et comment puis je afficher les erreurs comme suite:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<span name="displayhere" class="errors"></span> // ici je voudrais afficher les erreurs
<form method="POST" action="#" target="_self" class="form" >
<textarea name="comment" id="comment" cols="50" rows="5" class="Input01"></textarea>
    <span class="errors">Erreur</span> // au lieu d'ici

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$("#comment").next(".errors").fadeIn().text("Veuillez entrer le nom");

Par quoi il faut remplacer le next afin d'afficher mes erreur en haut du formulaire.

Merci