如何获取空输入字段的计数？

// 假设表单的HTML结构如下：
/*
<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <input type="tel" name="phone" placeholder="电话号码">
  <button type="submit">提交</button>
</form>
*/

// 获取表单元素
const form = document.getElementById('myForm');

// 监听表单提交事件
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  let emptyFieldsCount = 0; // 空输入字段计数器

  // 遍历表单中的所有输入字段
  for (let i = 0; i < form.elements.length; i++) {
    const field = form.elements[i];

    // 检查输入字段是否为空
    if (field.value.trim() === '') {
      emptyFieldsCount++;
    }
  }

  console.log('空输入字段数量：', emptyFieldsCount);
});