js原生设置form表单校验每一个都不为空

你可以使用 JavaScript 原生的 form 表单校验方法，通过遍历表单中的所有输入框，判断是否为空来实现每一个都不为空的校验。以下是一个示例代码：

<form onsubmit="return validateForm()">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="提交">
</form>

function validateForm() {
  var inputs = document.getElementsByTagName("input");
  for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].value == "") {
      alert("请输入" + inputs[i].name);
      return false;
    }
  }
  return true;
}

在上面的示例代码中，我们在 form 表单的 onsubmit 事件中调用了 validateForm 函数。该函数通过获取表单内所有的 input 元素，然后遍历每一个 input 元素来判断其值是否为空。如果发现有任何一个输入框的值为空，则弹出提示框并返回 false，表示表单验证失败。如果所有输入框的值都不为空，则返回 true，表示表单验证通过，可以提交数据。