Question

我想验证我的表是否为空。我的表使用数据表来添加数据。

<form method="post" id="form">
  <input type="text" id="txt" required>
  <table id="table">
    <thead>
      <tr>
        <th>No.</th>
        <th>Name</th>
        <th>Address</th>
      </tr>
    </thead>
  </table>
<button id="button" type="submit">Save</button>
</form>

我的jquery：

$(document).ready(function () {
  var grid = $('#table').DataTable();

  grid.row.add([
    '1',
    'Jake',
    'England'
  ]).draw(false);

  $("#form").validate({
    submitHandler: function (form) {
      form.submit();
    }
  });
});

如果输入。我只是添加了必需的属性。但如果表格为空，如何检查datatables。如果我没有添加一些项目。它将是上表或顶级表中的返回消息错误

注意：这个如何检查数据表为空table.data().any()

Answer 1

您可以添加隐藏的虚拟input元素。例如：

<input type="hidden" name="table_required">

然后使用自定义函数作为验证规则之一。

$("#form").validate({
   rules: {
      table_required: {
         required: function(){
            return $('#table').DataTable().data().any();
         }
      }
   },
   submitHandler: function (form) {
      form.submit();
   }
});

如何使用jquery validate

1 个答案: