如何使用 jquery 验证检查空数据表

Question

如果为空，我想验证我的 table。我的 table 使用数据 table 添加数据。

<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();
    }
  });
});

如果输入。我只是添加必需的属性。但是如果 table 为空，如何检查 datatables。如果我不添加一些项目。上面table或顶部table

会出现return消息错误

注意：如何检查数据table是否为空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 验证检查空数据表

How to check empty datatables using jquery validate

jquery

datatables

jquery-validate