HTML表单不会自动去除输入空格，必须在blur或submit时手动调用trim()处理；因浏览器原生仅检查value.length>0，不执行trim，故“ admin ”等含首尾空格的输入会被当作有效值提交。
直接在提交前或失焦时调用 trim()，别依赖 HTML 自动处理——它根本不会帮你去空格。
为什么 input.value 里的空格不会自动消失
HTML 表单控件（如 <input type="text">）对用户输入的空格完全不做预处理。你敲进 “ admin ”，value 就是那个带前后空格的字符串。浏览器既不 trim，也不 warn，更不会“智能识别”这是无用空格。
常见错误现象：后端收到 “ user@domain.com ” 导致邮箱校验失败；用户名比对时因首尾空格误判为重复；搜索关键词匹配不到结果。
适用场景：所有文本类输入框（用户名、邮箱、搜索关键词、地址、备注等）都应默认清理首尾空格。
立即学习“前端免费学习笔记（深入）”；
blur 事件中实时 trim 最实用
用户离开输入框时立即修正，视觉反馈明确，也避免遗忘提交前统一处理。
- 监听
blur，不是input或change—— 前者太频繁，后者在未失焦时不会触发 - 只在值确实变化时才赋值，避免干扰光标位置和输入法状态：
if (input.value !== input.value.trim()) { input.value = input.value.trim(); } - 手动触发
input事件（input.dispatchEvent(new Event('input'))），确保 Vue/React 等框架能感知变更
submit 时统一 trim 更稳妥
适合表单字段多、逻辑复杂、或需配合验证流程的场景。它兜底，不依赖用户是否“离开”某个框。
- 用
e.preventDefault()阻止原生提交，再遍历所有input[type="text"]、textarea和input[type="email"]等文本型控件 - 注意不要误伤
input[type="password"]—— 虽然密码通常也不该有首尾空格，但部分系统会把空格当作密码一部分，需按业务约定决定是否 trim - 若用
FormData提交，记得先改input.value，再构造FormData，否则原始带空格的值仍会被收集
服务端必须二次 trim
前端任何处理都可被绕过。只要接口接收字符串，就必须在服务端对关键字段（如登录账号、邮箱、手机号）调用对应语言的 trim 函数（如 Python 的 .strip()、Node.js 的 .trim()、Java 的 .trim()）。
容易被忽略的一点：数据库字段如果设为 VARCHAR 且未启用 TRIM 行为（如 MySQL 5.7+ 的 sql_mode=STRICT_TRANS_TABLES 下仍不自动 trim），存进去的就是带空格的脏数据——后续查询、去重、索引都会出问题。
