JavaScript 表单空值校验应使用 input.value.trim() === ''，可排除空格等空白字符；避免用 !input.value 以防误判 '0' 等真值；需结合 submit 或 blur 事件触发，并支持批量校验与 number 类型兼容。
在 JavaScript 中，用 if 语句判断表单输入是否为空，核心是获取输入框的值（value），再检查它是否为“空”——即空字符串 ''、null、undefined 或只含空白字符（如空格、换行）的情况。
获取输入值并判断是否为空字符串
最基础的写法是直接比较 input.value === ''。适用于简单场景，但要注意：如果用户只输入了空格，value 并不等于 ''，却仍属于“逻辑上的空”。
- ✅ 推荐写法：
if (input.value.trim() === '')——trim()去掉首尾空格后再判断 - ⚠️ 避免写法：
if (!input.value)—— 虽然能捕获''、null、undefined，但也会把'0'、false等真值误判为“空”（尤其当输入允许数字 0 时）
结合表单提交事件做实时校验
通常在用户点击提交按钮或失去焦点（blur）时触发判断。例如监听表单的 submit 事件：
document.getElementById('myForm').addEventListener('submit', function(e) {
const input = document.getElementById('username');
if (input.value.trim() === '') {
alert('用户名不能为空！');
e.preventDefault(); // 阻止表单默认提交
}
});
批量校验多个必填字段
如果有多个输入框需同时校验，可遍历它们：
立即学习“Java免费学习笔记（深入）”；
- 给所有必填项加一个共同 class，比如
required - 用
document.querySelectorAll('.required')获取所有元素 - 循环检查每个元素的
value.trim()是否为空，任一为空就提示并阻止提交
注意 type="number" 等特殊输入类型的兼容性
对于 <input type="number">，空值时 value 是空字符串 ''，仍可用 .trim() === '' 判断；但如果用户输入了非法字符（如字母），浏览器会自动设为 ''，所以该判断依然有效。不过要留意：数字输入框不支持 placeholder 显示提示文字，建议搭配标签或辅助文本说明。
