javascript - 在 foreach 中提交表单

Question

我有一个包含 foreach 的表单。这是我的代码:

<table style="direction: rtl;text-align: right;width: 1500px;font-family: tahoma;" align="center">
  <thead>
  <tr>
    <th style="width:5%; ">#</th>
    <th style="width:20%;">Name</th>
    <th>Date</th>
    <th>Buyer Code</th>
    <th>User Code</th>
    <th>Check</th>
  </tr>
  </thead>
  <tbody>
  <?php
  $i=1;
  foreach($Items as $Item)
  {
    echo '<form method="post" action="/provider/provider/checkUserCodeValidation">
    <tr>
      <td>'.$i.'</td>
      <td>'.$Item->getUser()->getFullName().'</td>
      <td>'.$Item->getCreationDate(true,'Date').'</td>
      <td>'.$Item->getBuyerCode().'</td>
      <td><input name="userCode" id="userCode" value=""/></td>
      <td><input type="submit" name="Submit" id="submit_butt" value="Submit"/></td>
    </tr>
    </from>';

    $i++;
  }
  ?>
  </tbody>

</table>

输出将是这样的:

现在我想做的是，当用户在 UserCode 中输入一个整数并单击提交时，它会检查数据库中是否存在该整数。我正在处理 checkUserCodeValidation (表单的操作)中的过程。问题是，如果填写了任何字段，它会将 userCode 的值发送为 null。但最后一个有效。我应该怎么做才能单独提交每一个？

重要!!我尝试使用一个按钮，所有表格都采用一种形式，但问题是它发送了一个数组，这会让人头疼，因为我必须崩溃它和我函数后面的东西。所以请帮助我解决这个问题，如果您有任何通过 Javascript 的解决方案，我们也将不胜感激。

奶酪

Answer 1

您必须为每个输入提供唯一的 ID。所以你得到了所有的值(value)。

另一种方法是让每一行成为一个表格。

Ajax 将是最好的解决方案，但在这种情况下，输入类型必须是按钮而不是提交。然后您必须定义点击处理程序，它会进行 ajax 调用。这是 ajax 帖子的 jquery 文档:http://api.jquery.com/jquery.post/你也可以在 vanilla js 中做到这一点:http://vanilla-js.com