Discussion :

[chlock62]

Bonjour les amis,

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

Donc je faisais cela

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

puis serialize(formulaire )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Bovino]

J'utilise la focntion serialize de javascript

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

[chlock62]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[chlock62]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

console.log(form);

ReferenceError: form is not defined

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci quand même les amis