jQuery form serialize - chaîne vide

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 lance l'événement click, formData est vide. J'utilise jQuery 1.4.2.

Vous devez donner inputun nom à l' élément. 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 comme name1=value1&name2=value2. Sans nom, il ne peut pas créer une telle chaîne.

Notez que namec'est quelque chose de 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 a besoin d'un nom.

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 de formulaire avaient des valeurs mais étaient désactivées, ce qui entraînait le retour d'une chaîne vide.

Il n'y a pas d' nameattribut dans l'entrée ... qui peut être un problème pour la sérialisation.

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

Assurez-vous également qu'il n'y a pas 2 éléments avec le même identifiant sur la page.