Récupérer les saisies d'un FORM en JavaScript

Bonjour,
J'ais du mal à poser ma question , mais je vais essayer d’être claire.
En saisie classique, par exemple

Code:

---

1 2 3 4 5

<form method='POST' id='LeForm' name='LeForm' onsubmit='UnLoginSaisi(this.lxnom.value,this.mdp.value);return false' action='' > <input id='lxnom' name='lxnom'> <input type='password' id='mdp' name='mdp' > <input type='submit' value=' Validez '> </form>

---

Vous connaissez, avec ce code, je retrouves dans mon javascript
toutes mes valeurs , je peux les traiter , les valider puis les envoyer
par exemple en POST via un AJAX ou autre méthode.
ma fonction est alors

Code:

---

function UnLoginSaisi(xusr,xmp){ /* ========Etc. */ }

---

Je butes sur cette méthode, que je voudrais appliquer à des boutons submite

=======Voici ma version PHP qui marche===============

Mes boutons sont définis puis lus ainsi

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<?php if (isset($_POST["bouton"])) { echo "vous clique<br />"; print_r($_POST); echo "<br />".count($_POST['bouton'])."<br />"; for ($a=0; $a<count($_POST['bouton']); $a++) { echo ("".trim($_POST['bouton'][$a])."<br />"); } } else { echo "pas encore de donnees<br />";}     ?> <form action="index.php" method="post"> <p><input type="text" name="champ" /></p> <p><input type="submit" name="bouton[]" value="Le bouton 1" />&nbsp; <input type="submit" name="bouton[]" value="Le bouton 2" /> <input type="submit" name="bouton[]" value="Le bouton 3" /></p> </form>

---

ENFIN voici ma question OUF :oops:
Quelle syntaxe (dans ce cas qui fonctionne en PHP) ,je devrais utiliser pour passer mes paramètres à une fonction de la même façon que mon 1er exemple.

Merci de m'avoir lu, et espérant une solution .

jquery ajax et serialize ...

Désolé Christele, mais je ne comprends pas ta question...
Je ne suis même pas sûr qu'elle ai un rapport avec JavaScript... :?
Enfin, en tout cas, pour valider un champ, il est préférable d'avoir une fonction générique prenant en paramètre la valeur d'un champ et un filtre à tester qu'une fonction spécifique prenant uniquement en paramètre les valeurs de champs à tester.

Exemple :

Code:

---

1 2 3 4 5 6

function verif(val, filtre){ return filtre.test(val); } console.log(verif('Foo_Bar', /^\w+$/i)); // true console.log(verif('foo_bar', /^[a-z]+$/)); // false console.log(verif('123', /^\d+$/)); // true

---

Merci à vous deux de m'avoir lu,
Ma question concerne donc uniquement le

Code:

---

1 2	onsubmit='UnLoginSaisi(this.lxnom.value,this.mdp.value);return false'

---

Que je veux adapter au deuxiéme cas de saisie, donc des boutons ... comme mon exemple PHP.

Donc c'est bien du JavaScript (enfin oui du HTML si vous voulez :cry: )

Je souhaites donc tout simplement appeler de cette façon la fonction de mon choix, en "passant" tout simplement a cette fonction la value du bouton cliqué.

Peut-étre voyez vous mieux ce que je souhaite :?
Encore merci.

modifie une variable sur le click du bouton ???

Oui, je comprends mieux, sauf que d'une part, ce n'est pas possible sur le onsubmit de savoir quel submit a été cliqué et surtout, je ne vois vraiment pas l'utilité de la chose... :?

Citation:

---

Envoyé par Bovino

Oui, je comprends mieux, sauf que d'une part, ce n'est pas possible sur le onsubmit de savoir quel submit a été cliqué et surtout, je ne vois vraiment pas l'utilité de la chose... :?

---

L’utilité de la chose est de modifier et contrôler certains argument en fonction du
du bouton choisi, dans le but d'envoyer en POST, ma requéte AJAX (sans jQUERY bien sur tu me connais :D )

donc genre

Code:

---

1 2 3 4 5 6

function UnLoginSaisi(Lebouton) { if (Lebouton=='truc') Mon_apel_ajax(114415,'machin' ); if (Lebouton=='machin') Mon_apel_ajax(117400,'autre' ); }

---

rajoute un input type hidden dans ton form ... et sur le click de tes boutons tu mets leur id dasn el value du hidden... tu sauras ainsi quel est le dernier bouton clické ...

Arhhhhh voila une bonne piste, je dois partir, mais je testes ce soir et revient te dire si j'ais réussi, merci !

Bonsoir,
Vraiment je dormais sans doute c'était si simple :oops:
Code:html/javascript

Code:

---

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

<script type="text/javascript"> function maF(x) { document.getElementById('leid').innerHTML = x; } </script> <p><INPUT type="button" value='bouton 1' onClick="javascript:maF('bouton1')"></p> <p><INPUT type="button" value='bouton 2' onClick="javascript:maF('bouton2')"></p> <p><INPUT type="button" value='bouton 3' onClick="javascript:maF('bouton3')"></p> <br /> <div id="leid"></div>

---

Merci encore à vous pour le dérangement ;)

Bonjour,
une autre approche, plus simple me semble t-il, est d'utiliser la fonction sur l'événement onclick pour faire ce que tu as à faire

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

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>[Exemple]</title> </head> <body> <form action="la_page.html"> <button name="btn_1" value="btn_1">Bouton #1</button> <button name="btn_2" value="btn_2">Bouton #2</button> </form> <script> var oForm = document.forms[0],     oBtn = oForm.getElementsByTagName('BUTTON'),     i, nb = oBtn.length; for( i=0; i<nb ;i++){   oBtn[i].onclick = function(){     // mettre fonction suivant le name par exemple     alert( this.name);     return false;   }; } </script> </body> </html>

---

L'Ami, ton code ne fait pas du tout ce que je demandes, car il s'agit de passer un paramètre à du JavaScript pas avec un FORM dont l'action relance la page :cry:

une soumission de form ça s'inhibe ...

Citation:

---

L'Ami, ton code ne fait pas du tout ce que je demandes...

---

je te le concède ceci n'est qu'un exemple, mais tu peux mettre dans la fonction ce que bon te semble ;)

Citation:

---

...pas avec un FORM dont l'action relance la page

---

tu auras surement remarqué le return false qui peut comme le signale SpaceFrog, d’inhiber l'action par défaut, mais si tu n'a pas besoin de FORM tu peux l'enlever le code ne changera pas.


dans ta syntaxe

Citation:

---

onClick="javascript:maF('bouton1')"

---

un événement n'attends pas une recette de crêpes suzette(*), mais du javascript, il est donc complétement inutile de mettre javascript:.

Code:

---

<input type="button" value='bouton 1' onclick="maF('bouton1')">

---

au final ce que je t'ai écrit est la même chose que ce que tu cherches à faire mais sans mélanger HTML et javascript.

(*) dixit SpaceFrog

Parfait et merci pour tes précisions ;)