Formulaire dom javascript

Bonjour les amis,

J'utilise la focntion serialize de javascript pour serialize mon formulaire:

Donc je faisais cela

Code:

---

var formulaire = document.getElementById('test');

---

puis serialize(formulaire )

Code:

---

console.log(serialize(formulaire ));

---

j obtient bien:

op=e-mail&e-mail=monemail%40free.fr

donc cela est magnifique

mais je me suis rendu compte par hasard que si je fait directement

Code:

---

console.log(serialize(form));

---

ca fonctionne aussi:

j obtient aussi:

op=e-mail&e-mail=monemail%40free.fr

Donc je comprend pas comment il retrouve le bon formulaire alors que dans ma page il y en a plusieurs
Une idée les amis
Voici mon formulaire:

Code:

---

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

<form id="test" method="POST" action=""> <table cellspacing="2" cellpadding="6" class="showbox"> <tr> <td style="vertical-align:top;"><label for="e-mail">Adresse e-mail :</label></td> <td style="vertical-align:top;"> <input type="text" size="40" id="e-mail" name="e-mail" /> <div id="email-error" style="visibility:hidden;">L'adresse e-mail n'est pas valide</div> </td> </tr> <tr> <td><input type="hidden" name="op" value="e-mail" /></td> <input type="button" value="valider"> </tr> </table> </form>

---

Citation:

---

J'utilise la focntion serialize de javascript

---

C'est assez surprenant vu qu'elle existe pas... :aie:

Si l'ami c'est une librairie juste pour la fonction:

<script type="text/javascript" src="js/serialize-0.2.js"></script>

plus précisement dans mon input button j'ai la fonction suivante:

Code:

---

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

onclick=";     console.log(form);//<form id="test" action="" method="POST"> console.log(serialize(form));//op=e-mail&e-mail=monemail%40free.fr   $.ajax({ url: '/sendCart', cache: false, type: 'POST',data: serialize(form),success: function(data){$('#AlertPanelEmail').html(data);},error: function() { alert('Impossible de charger la requête Ajax'); } }); return false;"

---

mais en utilisant je jquery du genre:
<input type="button" value="valider" id="monbutton">

Code:

---

1 2 3

$('#monbutton').on('click', function(){   console.log(form);// form is not defined

---

Donc dans le cas onclick en focntion js il connais "form" et en jquery il me dit indefined.

Code:

---

1 2	<input type="button" value="valider" id="te" onclick="; console.log(serialize(form));return false;">//op=e-mail&e-mail=monmail%40free.fr

---

et si je fais ceci form est indefined

Code:

---

1 2 3 4 5 6 7 8 9

<input type="button" value="valider" id="te" > <script>   $('#te').on('click', function(){   console.log(serialize(form)); }); </script>

---

Donc comment est retrouver "form" dans :

Code:

---

onclick="console.log(serialize(form)"

---

j'ai résolu le problème si cela intéresse quelqu'un

le problème venait du chargement des pages, je rechargeais seulement une partie du html vu que c'est de l'ajax, donc l'élément form restait existant.

Après un rechargement total du layout j'ai bien constater au premier chargement que le form n'existait pas:

Code:

---

console.log(form);

---

Citation:

---

ReferenceError: form is not defined

---

et si le remet par la suite puis réexcute mes fonction ajax maintenant il est connu

Code:

---

console.log(form);// <form id="test" action="" method="POST">

---

il faut donc que j'utilise bien un identifiant pour mon formulaire que ceci:

Code:

---

1 2 3

var form = document.getElementById('test');   console.log(form)

---

Merci quand même les amis