具有多个相同名称字段的jquery帖子形式

Question

我在每一行（tr）都有一个在（td）中具有相同输入的biling形式。 现在我想仅填写完整填写的表格。

我在您的网站上阅读了一些文章，但无法提交我的表单。

下面是HTML代码：

<div id="fac_table"> 
    <table id="matable" width="100%"> 
     <tbody> 
      <tr> 
       <th width="10px"> 
        <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'> 
       </th> 
       <th width="250px"> 
        Désignation 
       </th> 
       <th width="30"> 
        Unité 
       </th> 
       <th width="30"> 
        Quantité 
       </th> 
       <th width="30"> 
        Prix 
       </th> 
       <th width="30"> 
        TVA 
       </th> 
       <th width="30"> 
        Total 
       </th> 
      </tr> 
      <tr> 
       <td width="10px"> 
        <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'> 
       </td> 
       <td width="250px"> 
        <input name="designation" type="text" class="facBig" /> 
       </td> 
       <td width="30"> 
        <input name="unite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="quantite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="prixUnite" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="taxe" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="totLine" type="text" class="facSmall" value="" /> 
       </td> 
      </tr> 
       <tr> 
       <td width="10px"> 
        <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'> 
       </td> 
       <td width="250px"> 
        <input name="designation" type="text" class="facBig" /> 
       </td> 
       <td width="30"> 
        <input name="unite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="quantite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="prixUnite" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="taxe" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="totLine" type="text" class="facSmall" value="" /> 
       </td> 
      </tr> <tr> 
       <td width="10px"> 
        <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'> 
       </td> 
       <td width="250px"> 
        <input name="designation" type="text" class="facBig" /> 
       </td> 
       <td width="30"> 
        <input name="unite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="quantite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="prixUnite" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="taxe" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="totLine" type="text" class="facSmall" value="" /> 
       </td> 
      </tr> <tr> 
       <td width="10px"> 
        <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'> 
       </td> 
       <td width="250px"> 
        <input name="designation" type="text" class="facBig" /> 
       </td> 
       <td width="30"> 
        <input name="unite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="quantite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="prixUnite" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="taxe" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="totLine" type="text" class="facSmall" value="" /> 
       </td> 
      </tr> <tr> 
       <td width="10px"> 
        <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'> 
       </td> 
       <td width="250px"> 
        <input name="designation" type="text" class="facBig" /> 
       </td> 
       <td width="30"> 
        <input name="unite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="quantite" type="text" class="facSmall" /> 
       </td> 
       <td width="30"> 
        <input name="prixUnite" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="taxe" type="text" class="facSmall" value="" /> 
       </td> 
       <td width="30"> 
        <input name="totLine" type="text" class="facSmall" value="" /> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

，这里是jQuery代码：

$("#facform").submit(function() 
{ 
    var sendURL = $(this).attr("action"); 
    var sendPost = $(this).attr("method"); 
    var facArray = $(this).serialize(); 

    alert(sendURL + " " + sendPost + " " + facArray); 

    $.ajax(
    { 
     type: sendPost, 
     url: sendURL, 
     data: facArray, 
     success: function(response) 
     { 
      console.log(response); 
     } 
    }); 
}); 
$("#facform").submit(); 

警报给出正确的信息，但我对我的sendfac.php空白后。

谢谢你的帮助。

Answer 1

您应该添加括号来形成字段名称。因为您正在尝试发送值数组。

像这样：<input name="designation[]" type="text" class="facBig" />

Answer 2

添加该代码。你忘了添加你的方法。

$.ajax(
{ 
    method: sendPost , 
    url: sendURL, 
    data: facArray, 
    success: function(response) 
    { 
     console.log(response); 
    } 
}); 

或尝试使用此代码要单独发送保持在一定值

$.post("/"+sendURL, { data: facArray}, function success (data) { 
       alert("Done"); 
      }, "json");