Le formulaire ne doit pas charger la page, il doit seulement m'envoyer une alerte [Résolu]

isitien · 13/12/2010, 11h50

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 · 13/12/2010, 12h07

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 · 13/12/2010, 12h16

Citation:

Envoyé par Pierrot0459

$("#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 · 13/12/2010, 14h31

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 · 14/12/2010, 00h46

Citation:

Envoyé par 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++

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

isitien · 18/12/2010, 05h10

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 · 18/12/2010, 11h24

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

danielhagnoul · 18/12/2010, 20h10

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 · 19/12/2010, 00h46

Citation:

Envoyé par Bovino

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 · 19/12/2010, 13h23

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 · 21/12/2010, 06h20

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 · 21/12/2010, 12h19

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 · 22/12/2010, 02h58

Citation:

Envoyé par 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",

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

isitien · 15/01/2011, 05h00

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

13/12/2010, 14h31	#4
Pierrot0459 Futur Membre du Club Pierre Schinko Inscription : novembre 2010 Messages : 17 Détails du profil Informations personnelles : Nom : Pierre Schinko Localisation : France, Paris (Île de France) Informations forums : Inscription : novembre 2010 Messages : 17 Points : 19 Points : 19	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++
	00

18/12/2010, 11h24	#7
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	formCom correspond bien à l'id de la balise form ? (c'est-à-dire pas à son name). __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

21/12/2010, 12h19	#12
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	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", __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email