测试表格行中的空文本输入

Question

我有一个引导模式，如果有要显示的数据行，我会用数据库中的数据填充它。 （名字、姓氏、班级排名）。

我可以在保存数据之前添加和删除行，并且 我希望能够从表中收集数据行并创建一个可以在保存时传递到后端的数据对象。我目前的代码如下：

HTML

<?php foreach ($athletes as $i => $row) { ?>
        <?php $i == 0 ? $rownum = 1 : $rownum = $i+1; ?>
        <tr id="<?php echo $i; ?>">
          <td><?php echo $rownum; ?><input type="hidden" name="data[id]" value="<?php echo $row['id']; ?>" ></td>
          <td><input type='text' name="data[first_name]" class="form-control" value="<?php echo $row['first_name']; ?>" ></td>
          <td><input type='text' name="data[last_name]" class="form-control" value="<?php echo $row['last_name']; ?>" ></td>
          <td><input type='text' name="data[classrank]" class="form-control" value="<?php echo $row['class']; ?>" ></td>
          <td><button type="button" id="remScnt" class="btn btn-default">Remove Row</button></td>
        </tr>
    <?php } } ?>

jQuery 保存函数

$("button#saveaths").click(function() {
  var user_id = $("#user_id").val();
  var ath_data = [];
  $("tr").each(function() {

      if (data[first_name] != '') {
        ath_data.push(this.data[first_name]);
        ath_data.push(this.data[last_name]);
        ath_data.push(this.data[classrank]);
        ath_data.push(user_id);
      }
  });
});

我在 if 语句中遇到错误。

在这个阶段，我只是尝试构建可以传递给 codeigniter 控制器以插入到我的数据库中的数据对象。

此外，如果有更好的方法可以做到这一点，我愿意接受建议。

提前致谢！

Answer 1

您没有使用正确的语法来获取字段的值。

试试这个

$("button#saveaths").on("click",function() {
  var userID = $("#user_id").val();
  var ath_data = [];
  $("tr").each(function() {
    var firstName = $(this).find("[name=data[first_name]]").val();
    if (firstName != '') {
      var lastName = $(this).find("[name=data[last_name]]").val(),
          classRank = $(this).find("[name=data[classrank]]").val();
      ath_data.push({firstName:firstName,lastName:lastName,classRank:classRank,userID:userID});
    }
  });
  if (ath_data.length>0) {
    $.ajax({ 
      type="POST",
      url:"someServerProcess.php",
      data: JSON.stringify(ath_data),
      contentType: "application/json"
    });
  }
});