jQuery form serialize - chaîne vide

Question

Mon html :

 <script type="text/javascript">

    $(function() {

        $("#bt1").click(function() {

            var f = $("#form1");
            var formData = f.serialize();

            alert(formData);
        });

    }); 
</script> 

 <div id="div1">
      <form id="form1" action="/Home/Test1" method="post" name="down">
        <div id="div2">
            <input id="input1" type="text" value="2" />
        </div>    
      </form>
  </div>

 <input type="submit" id="bt1" />

Lorsque je déclenche l'événement de clic, formData est vide. J'utilise jQuery 1.4.2.

Answer 1

Vous devez donner à la input un nom. Par exemple :

<form id="form1" action="/Home/Test1" method="post" name="down">
    <div id="div2">
        <input id="input1" type="text" value="2" name="foo"/>
    </div>    
</form>

vous donnera dans la boîte d'alerte foo=2 .

.serialize() prend le nom et la valeur des champs du formulaire et crée une chaîne de caractères de type name1=value1&name2=value2 . Sans nom, il ne peut pas créer une telle chaîne.

Notez que name est différent de id . Votre formulaire n'aurait pas non plus fonctionné si vous l'aviez utilisé de manière "normale". Chaque champ de formulaire doit avoir un nom.

Answer 2

Bien que cela ne s'applique pas à cet exemple particulier, le même comportement se produit si une ou plusieurs entrées de formulaire sont disabled . Ces entrées n'apparaîtront pas dans la chaîne sérialisée. Dans mon cas, toutes les entrées du formulaire avaient des valeurs mais étaient désactivées, ce qui a entraîné le renvoi d'une chaîne vide.

Answer 3

Il n'y a pas name dans l'entrée... cela peut être un problème pour serialize.

<input id="input1" type="text" value="2" name="input1" />

Answer 4

Vérifiez également qu'il n'y a pas 2 éléments avec le même id sur la page.