HTML的表單是Web頁面中重要的交互元素之一。表單中用戶可以輸入、選擇、上傳等各種操作，以此向后臺提交數據。在表單驗證中，判斷表單每個輸入框不能為空值是非常重要且必要的。下面介紹如何使用HTML和JavaScript完成表單的非空值驗證。 首先，在HTML中定義表單元素時，添加必選項屬性required。如下例：

<label>姓名: <input type="text" name="username" required></label>
<label>密碼: <input type="password" name="password" required></label>

這樣，如果用戶未填寫某個必填項，將會得到瀏覽器自帶的提示框。 但在實際開發中，我們常常需要定制化的提示信息，使其在用戶非法操作時有更友好的提示。因此，可以在表單提交之前使用JavaScript判斷表單是否有空值。 下面是一段JavaScript代碼，實現了對表單的遍歷和非空值驗證。將其放在<script></script>標簽中。

document.querySelector('form').addEventListener('submit', function (evt) {
  evt.preventDefault();
  var inputs = document.getElementsByTagName('input');
  for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].value === '') {
      alert('PLEASE FILL OUT THE REQUIRED FIELD: ' + inputs[i].name.toUpperCase());
      return false;
    }
  }
});

通過<form>標簽的submit事件，對表單進行遍歷，詢問每個輸入框的值是否為空。如果有空值，則通過alert彈窗提示用戶，返回false終止表單提交。其中，inputs[i].name.toUpperCase()是將空值的輸入框的name屬性轉換為大寫形式展示。 以上是HTML表單非空值驗證的實現方式，不同的項目需要實現的效果有所不同，可以根據具體開發模式和需求進行調整。