2 boutons pour 1 form

Bonjour,

Je voudrais envoyer des informations recuperees par un input text vers deux adresses differentes qui sont associe a deux boutons

J'ai recupere un bout de code, chaque bouton m'envoi bien vers la bonne page mais le contenu ne se retrouve pas dans la nouvelle page (le post ne fonctionne pas)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script language="javascript"> function envoyer_form(pageTraitement) { document.bla.action = pageTraitement; document.bla.submit(); } </script>   <form name="bla" action=""> <input type="text" id="pays" name="pays" value="" /> <input type="button" name="t" value="TRANSLATE" onClick="envoyer_form('translate.php')"> <input type="button" name="t1" value="STATS" onClick="envoyer_form('valide1.php')">   </form>

---

Merci de votre aide

Bonjour,

Si tu avais regardé l'url au moment de la soumission, tu aurais vu que ton formulaire est en "GET".

Il suffit de mettre l'autre bouton en disabled lors du click :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type="text/javascript"> function envoyer_form(pageTraitement,source) { document.bla.elements[source].disabled = true; document.bla.action = pageTraitement; document.bla.submit(); } </script>   <form name="bla" action=""> <input type="text" id="pays" name="pays" value="" /> <input type="button" name="t" value="TRANSLATE" onClick="envoyer_form('translate.php','t1')"> <input type="button" name="t1" value="STATS" onClick="envoyer_form('valide1.php','t')">   </form>

---

puis de tester coté serveur si lequel des paramètres t ou t1 a été envoyé : ce sera celui qui a été cliqué.

Attention aussi : l'attribut language de la balise script est deprecated et inutile. En revanche, l'attribut type est required ;)

Ca fonctionne merci beaucoup:)

Autre question peut-on définir des targets différentes?

j'ai essaye

Code:

---

1 2	<input type="button" name="t" value="TRANSLATE" onClick="envoyer_form('translate1.php','t1','target="commentaire"')">

---

mais ca ne fonctionne pas

Salut,

Code:

---

<input type="button" name="t" value="TRANSLATE" onclick="document.bla.target='laPage'; envoyer_form('translate1.php','t1')"/>

---

Ta fonction envoyer_form n'attend que 2 paramètres.
A+.

genial merci beaucoup:D

Bonjour,

Je cherche a rajouter un nouvelle fonction pour valider que tous les champs ont ete remplis avant l'envoi

j'utilise le code suivant

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<SCRIPT language=javascript> function verifForm() { if((document.bla.pays.value == "") || (document.bla.region.value == "") || (document.bla.ville.value == "") || (document.bla.adresse.value == "") ||   (document.bla.nom.value == "")) { alert("Veuillez renseigner tous les champs"); return false; } else { return true; } } </script>

---

maintenant je voudrais l'integrer a mon submit

Code:

---

1 2 3

<form onsubmit="return verifForm();" name="bla" id="bla" action="" >   <input type="button" name="t" value="TRANSLATE" onclick="return verifForm();document.bla.target='laPage'; envoyer_form('translate1.php','t1')"/>

---

lorsque je place "return verifForm" juste apres "onclick=" il verifie bien mais meme une fois tous les champs complete il n'envoi jamais rien

Si je place "return verifForm" en derniere position, la verification fonctionne bien mais il envoi quand meme les donnees.

Merci de votre aide

C'est un comportement normal.
En fait, en interne, JavaScript englobe le code des événements inline (onclick="..." ici) dans une fonction anonyme.
Donc quel que soit le résultat de la vérification, tu fais un return, ce qui stoppe l'exécution de la fonction anonyme et impacte le comportement par défaut du bouton.
Il faut donc passer par un if (d'autant qu'un bouton n'ayant pas de comportement par défaut, ton return est en fait inutile :aie:) :

Code:

---

onclick="if(verifForm()){document.bla.target='laPage'; envoyer_form('translate1.php','t1');}"

---

Ensuite, rien ne t'empêche d'ajouter un else pour traiter le cas où il y a des erreurs ;)

Super! merci Bovino pour la solution et l'explication.