onSubmit avec 2 fonctions JS

Version imprimable

06/10/2011, 11h58
reitsab

onSubmit avec 2 fonctions JS

Bonjour,

J'ai un soucis avec ma mon POST. Mon onsubmit doit appeler 2 fonctions JS. Quand j'en met une seule ça fonctionne mais pas avec les 2 (mes 2 fonctions JS fonctionne parfaitement).

Ces 2 fonctions return soir false soit true en fonction du résultat.

Voila comment je m'y prend :

Code:

print('<form method = "POST" action = "vitam-payementCB" onSubmit = "javascript:return (checkCGV_Charge() && return testMontant('.(150-$user->getSolde()).'));">');

Comme vous l'avez compris mes 2 fonctions sont checkCGV_Charge() et testMontant(montant).

J'ai eyyayé plusieures sytaxe mais j'ai jamais réussi a y faire marcher !

Par exe :

Code:

print('<form method = "POST" action = "vitam-payementCB" onSubmit = "return (checkCGV_Charge(); return testMontant('.(150-$user->getSolde()).');">');

Comment faire ?

Merci

tes fonctions retournent des booleans ?
Code:

1 2 onsubmit = "return (checkCGV_Charge() && testMontant('.(150-$user->getSolde()).'));">';

06/10/2011, 13h15
reitsab

Oui tout a fait !
06/10/2011, 13h18
SpaceFrog

heu tu as testé le code ??
06/10/2011, 13h28
reitsab

Oui je les ai testées. Quand j'en met une seule dans le onsubmit ça marche.
06/10/2011, 13h34
SpaceFrog

non mais le code que je viens de te donner ????????????
06/10/2011, 13h43
reitsab

Au temps pour moi. 8O:mrgreen:

Donc, la première fonction est appelée et fonctionne comme il faut mais pas la deuxième...
06/10/2011, 13h46
SpaceFrog

Montre le code source généré ...

Ça c'est ma page php :

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
31
32
33
34
35
36
37
38
39
40
41
42
<div class="div_texte_login">
</div>
<?php
	print('<form method = "POST" action = "vitam-payementCB" onsubmit = "return (checkCGV_Charge() && testMontant('.(150-$user->getSolde()).'));">');
 
			/* Formulaire */
			print('
				<div class="div_champs">
					<div class="div_chargement_monetique_titre">Nom : </div>
					<div class="div_champs_input"><input type="text" name="nomCharge" id="inputNomCharge" size="30" value="'.$_SESSION["user"]->getNom().'"></div>
					<br style="clear : both;">
				</div>
			
				<div class="div_champs">
					<div class="div_chargement_monetique_titre">Prénom : </div>
					<div class="div_champs_input"><input type="text" name="prenomCharge" id="inputPrenomCharge" size="30" value="'.$_SESSION["user"]->getPrenom().'"></div>
					<br style="clear : both;">
				</div>
			
				<div class="div_champs">
					<div class="div_chargement_monetique_titre">Adresse e-mail : </div>
					<div class="div_champs_input"><input type="text" name="mailCharge" id="inputMailCharge" size="30" value="'.$_SESSION["user"]->getMail().'"></div>
					<br style="clear : both;">
				</div>
				
				<div class="div_chargement_monetique_titre">
					<b>Montant du chargement :</b>
				</div>
				
				<div class="div_chargement_monetique_input">
					<input type="text" name="montantChargementMonetique" id="montantChargementMonetique"> €<br/> (Chargement autorisé : entre 10 et '.(150-$user->getSolde()).' €)
				</div>
				
				<br style="clear:both;">
				<div class="div_chargement_monetique_titre">&nbsp;</div>
				<div class="div_chargement_monetique_input">
					<input type="image" width="150" height="30" name="charger" src="medias/Valider.png">
				</div>
				<hr class="invisibleClearer">
			');
?>
</form>

Fonction JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function testMontant(montant)
{
	var montant_input = document.getElementById("montantChargementMonetique").value; // Champ montant du formulaire
	var montant_input_parse = parseFloat(montant_input);
 
	if (montant_input_parse>=10&&montant_input_parse<montant&&montant_input_parse+" "==montant_input+" ")
	{
		return true;
	}
 
	if (montant_input_parse<10)
	{
		window.alert("Montant inférieur à la limite autorisée");
	}
 
	if (montant_input_parse>montant)
	{
		window.alert("Montant supérieur à la limite autorisée");
	}
	return false;
}

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
function checkCGV_Charge()
{
	nom = document.getElementById("inputNomCharge").value;
	prenom = document.getElementById("inputPrenomCharge").value;
	mail = document.getElementById("inputMailCharge").value;
	var message = "";
 
	var reg = new RegExp("^[a-zA-Z0-9_.-]+@+[a-zA-Z0-9_-]{2,}[.][a_zA-Z]{2,3}$", "i"); /* les accolades correspondent au nombre de caractère {min,max} acceptés.*/
	ok = true;
	ok = ok && (trim(nom)!="");
 
	if (trim(nom)=="")
	{
		message += "- Nom nvalide";
		message += "\n";
	}
 
	ok = ok && (trim(prenom)!="");
 
	if (trim(prenom)=="")
	{
		message += "- Prénom invalide";
		message += "\n";
	}
 
	ok = ok && (reg.exec(mail)!=null);
 
	if (reg.exec(mail)==null)
	{
		message += "- Adresse e-mail invalide";
		message += "\n";
	}
 
	// Si le message n'est pas vide, on l'affiche
	if (message != "")
	{
		message += "\n";
		message += "Ces champs sont obligatoires mais ne seront pas enregistrés. Ils servent seulement pour la validation de la transaction.";
		message += "\n";
		window.alert(message);
	}
	else {
		return true;
	}
 
	return false;
}

06/10/2011, 14h04
bewidia

Faire une fonction qui appelle les 2 fonctions l'une après l'autre ?
06/10/2011, 14h10
reitsab

Il faut que mes 2 fonctions return true pour valider mon formulaire.
06/10/2011, 14h12
Bovino

Citation:

Envoyé par SpaceFrog

Montre le code source généré ...

:fleche: Important : Les règles incontournables d'utilisation de ce forum

Citation:

Envoyé par BaStaub

Ça c'est ma page php

Non ! Ce n'est pas le code PHP qui nous intéresse...
06/10/2011, 14h23
reitsab

J'ai nettoyé mon code.

C'est dans ma page php qu'il y a mon onsubmit (!) et mon formulaire. Si je doit pas mettre ça je met quoi ? Je ne voit pas ce que c'est le code interprété (ne rigolez pas trop fort) ?

Citation:

Envoyé par BaStaub

Il faut que mes 2 fonctions return true pour valider mon formulaire.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function valider(montant){ isValide=false; if(checkCGV_Charge()==true){ if(testMontant(montant)==true){ isValide=true; } } return isValide; }
Ca me semble simple, non ?

06/10/2011, 14h32
SpaceFrog

Ce qui me semble simple c'est de nous montrer le code que reçoit le navigateur

Code:

print('<form method = "POST" action = "vitam-payementCB" onsubmit = "return (checkCGV_Charge() && testMontant('.(150-$user->getSolde()).'));">');

ça c'est du php ...
ce que l'on te demande c'est de nous montrer le code dans "afficher source" de ton navigateur ...
> copier puis coller ici ...
06/10/2011, 14h32
vermine

Bonjour,

Le code qui nous intéresse est le HTML qui est produit après compilation de votre page php. C'est-à-dire le code qui est affiché par le navigateur (clic-droit -> afficher source).

Citation:

Envoyé par bewidia

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
function valider(montant){
 
isValide=false;
if(checkCGV_Charge()==true){
 
if(testMontant(montant)==true){
isValide=true;
}
}
 
return isValide;
}

Ca me semble simple, non ?

Ca me parait effectivement être une bonne solution.

Voila mon code navigateur :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
<head>
<link rel="stylesheet" href="css/webResa.css" type="text/css">
<script language="Javascript" src="js/library.js"></script>
<title>Reservation VitamParc</title>
</head>
<body>
 
<a anchor="top"></a>
<div class="div_global">
    <div class="div_top_image"><map name="backToVitam"><area shape="rect" coords="134,170,885,207" href="http://www.vitamparc.com"></map><img src="medias/top_image.png" class="img_top_image" usemap="#backToVitam"></div>
    <div class="div_border_image">
        <img src="medias/left_image.png" class="img_left_image">
    </div>
    <div class="div_middle">
        <div class="div_progression_title"><a href="vitam-clear_session">Accueil </a></div><div class="div_basket_image">
                                    <a href="vitam-basket"><img src="medias/backetImage.png" class="img_basket_image"></a></div>
                                <div class="div_page_title"></div><div class="roundedRectangleFormule"><div class="topLeftCorner">
            <div class="topRightCorner">
            <div class="bottomRightCorner">
            <div class="bottomLeftCorner">
            <div class="div_progression_rectangle_element"><a href="vitam-accueil_compte">Mon Compte Vitam'Parc</a></div><div class="div_progression_rectangle_element"><a href="vitam-chargement">Recharger ma formule Liberty</a></div><div class="div_progression_rectangle_element"><a href="/vitam-vente">Acheter / Réserver</a></div><hr class="invisibleClearer"></div></div></div></div></div><!-- 
- Gestion du rechargement monétique. Accessible seulement pour les abonnés identifiés.
-->
 
<div class="div_texte_login">
</div>
<form method = "POST" action = "vitam-payementCB" onsubmit = "return (checkCGV_Charge() && testMontant(101));"><div class="roundedRectangleFormule"><div class="topLeftCorner">
            <div class="topRightCorner">
            <div class="bottomRightCorner">
            <div class="bottomLeftCorner">
            <div class="titleForRoundedRectangle"><div class="bold">Recharger mon compte<br/> Montant minimum autorisé : 10 €</div></div>
                <div class="div_champs">
                    <div class="div_chargement_monetique_titre">Nom : </div>
                    <div class="div_champs_input"><input type="text" name="nomCharge" id="inputNomCharge" size="30" value="TEST10"></div>
                    <br style="clear : both;">
                </div>
 
                <div class="div_champs">
                    <div class="div_chargement_monetique_titre">Prénom : </div>
                    <div class="div_champs_input"><input type="text" name="prenomCharge" id="inputPrenomCharge" size="30" value="TEST"></div>
                    <br style="clear : both;">
                </div>
 
                <div class="div_champs">
                    <div class="div_chargement_monetique_titre">Adresse e-mail : </div>
                    <div class="div_champs_input"><input type="text" name="mailCharge" id="inputMailCharge" size="30" value=""></div>
                    <br style="clear : both;">
                </div>
 
                <div class="div_chargement_monetique_titre">
                    <b>Montant du chargement :</b>
                </div>
 
                <div class="div_chargement_monetique_input">
                    <input type="text" name="montantChargementMonetique" id="montantChargementMonetique"> €<br/> (Chargement autorisé : entre 10 et 101 €)
                </div>
 
                <br style="clear:both;">
                <div class="div_chargement_monetique_titre">&nbsp;</div>
                <div class="div_chargement_monetique_input">
                    <input type="image" width="150" height="30" name="charger" src="medias/Valider.png">
                </div>
                <hr class="invisibleClearer">
            </div></div></div></div></div></form><div class="roundedRectangleBackToTop"><div class="topLeftCorner">
            <div class="topRightCorner">
            <div class="bottomRightCorner">
            <div class="bottomLeftCorner">
            <div class="div_killSession_link"><a href="vitam-clear_session">Fermer la session</a></div><div class="div_backToTop_link"><a href="#top">Retour Haut</a></div><hr class="invisibleClearer"></div></div></div></div></div>      <div class="div_center_links"> 
                    <a href="vitam-clear_session">Accueil</a> |
                    <a href="files/CGV-MIGROS.pdf" target="_blank">CGV</a> |
                    <a href='javascript:popupcentree("page/mentions_legales.html",1000,600,"menubar=no,scrollbars=yes,statusbar=no")'>Mentions légales</a> |
                    <a href='javascript:popupcentree("page/credits_photos.html",250,300,"menubar=no,scrollbars=no,statusbar=no")'>Crédits photos</a>
                </div>
    </div>
    <div class="div_border_image">
        <img src="medias/right_image.png" class="img_right_image">
    </div>
 
    <div class="div_bottom">
    </div>
<div class="div_image_left"><img src="medias/Image-droite.png" class="img_image_left"></div>
</div>
<div>
</div>
</body>
</html>

06/10/2011, 15h19
Bovino

Ta fonction trim(), elle ressemble à quoi ?

Code:

1
2
3
4
function trim(myString)
{
	return myString.replace(/^\s+/g,"").replace(/\s+$/g);
}

06/10/2011, 15h33
Bovino

Pour info, les versions récentes des navigateurs possèdent une méthode trim() pour les chaines :

Code:

String.trim();

;)
06/10/2011, 15h36
SpaceFrog

\g avec ^ antinomique ...
06/10/2011, 15h39
reitsab

Tu pense que mon problème viens de ma méthode trim ?

Code:

1 2 3 4 5 6 7 8 9 10 if (message != "") { message += "\n"; message += "Ces champs sont obligatoires mais ne seront pas enregistrés. Ils servent seulement pour la validation de la transaction."; message += "\n"; window.alert(message); } else { return true; }
Le else ne s'applique qu'au dernier if, donc ta fonction ne renvoie true que si le message est vide à priori ;)
Ceci dit, pourquoi ne pas avoir gardé la logique de ta variable ok ?

06/10/2011, 15h44
reitsab

Je suis parti sur le message car je ne comprend pas la logique de la variable ok. Ce n'est pas moi qui est dev ce site web, je fait seulement de la maintenance (et je suis loin d'être un spécialiste web...) !
06/10/2011, 16h24
reitsab
Donc j'ai fait comme ça (c'est vrai que c'est plus simple) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function valider(montant){ isValide=false; if(checkCGV_Charge()==true) { if(testMontant(montant)==true) { isValide=true; } } return isValide; }
Mais la première fonction marche mais pas la deuxième... Quand je met montant à 0, il doit m'afficher un message... or rien !

Je commence vraiment a désespérer...
06/10/2011, 16h45
bewidia

Pour débugguer, découpe le test en 3 tests successifs que tu effectues dans ta méthode testMontant pour savoir quel cas te pose problème ...
06/10/2011, 18h18
reitsab
Citation:
Envoyé par BaStaub

Donc j'ai fait comme ça (c'est vrai que c'est plus simple) :

Code:

1 2 3 4 5 6 7 8 9 10 11 12 function valider(montant){ isValide=false; if(checkCGV_Charge()==true) { if(testMontant(montant)==true) { isValide=true; } } return isValide; }

Mais la première fonction marche mais pas la deuxième... Quand je met montant à 0, il doit m'afficher un message... or rien !

Je commence vraiment a désespérer...
Ton code ne peut par marcher pour mon cas ! Pour valider mon formulaire y faut que les deux conditions soit remplis. Or ici, si le premier n'est pas valide, on ne teste même pas l'autre. Donc il est normal que je ne voie pas de message d'erreur.
07/10/2011, 10h52
reitsab

C'est bon je m'en suis sorti. Plutôt que d'avoir 2 fonction JS, j'en ai fait une seule.

Maintenant j'ai d'autres erreur à la page suivante mais je vais bien réussir a m'en sortir :mouarf:

Merci a tous :ccool: