非空校验应使用 value.trim() 判断是否为空字符串：if (!value.trim())，避免仅含空格被误判为非空；textarea 和 select 同样适用 value，checkbox/radio 需检查 checked 属性。
直接用 value 属性获取输入框的值，再判断是否为空字符串或仅由空白字符组成即可完成非空校验。
获取输入框的值
通过 document.getElementById() 或其他选择器（如 querySelector）拿到元素后，读取其 value 属性：
const input = document.getElementById('username');-
const value = input.value;—— 这就是用户输入的内容（字符串类型）
正确判断“非空”
不能只用 if (value)，因为 " "（多个空格）会被当成真值。应使用 trim() 去除首尾空格后再判断：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
-
if (value.trim() === '')→ 表示实际为空（包括纯空格、制表符、换行等） -
if (!value.trim())→ 效果相同，更简洁 - 注意：不要用
==或!=，避免隐式转换带来的意外
常见校验写法示例
结合表单提交事件，做统一校验：
立即学习“Java免费学习笔记（深入）”；
- 给表单加
submit监听：form.addEventListener('submit', handleFormSubmit) - 在处理函数中获取各输入项：
const name = document.querySelector('#name').value; - 逐个校验：
if (!name.trim()) { alert('姓名不能为空'); return false; } - 推荐提前返回，避免后续逻辑执行
补充说明
对于 <textarea> 和 <select>，同样适用 .value 获取；<input type="checkbox"/> 或 radio 需检查 checked 属性，而非 value。
