<p>表单提交前用 $.trim() 清理值最直接：它仅去除首尾空白字符，需在 submit 事件中调用，不依赖 change/blur；原生 trim() 更轻量但 IE8- 需 polyfill；pattern 只校验不清理；后端必须二次清洗全角/零宽空格等非常规空白。</p>
表单提交前用 $.trim() 清理值最直接
jQuery 里处理表单空格，$.trim() 是最常用也最稳妥的方式。它只去掉字符串首尾的空白字符（空格、制表符、换行等），不碰中间内容，语义清晰，兼容性好，连 IE6 都支持。
关键点在于：必须在 submit 事件中调用，且要在序列化或发送前执行；不能依赖 change 或 blur，用户可能直接点提交而不失焦。
- 对单个字段：
var username = $.trim($('#username').val()); - 对整个表单所有文本输入框：
$('input[type="text"], input[type="email"], textarea').val(function(i, v) { return $.trim(v); }); - 注意：如果用了
serialize()，它不会自动 trim，必须先手动处理值再 serialize
原生 JS 用 String.prototype.trim() 更轻量
现代项目没引入 jQuery 时，直接用 .trim() 方法就行，行为和 $.trim() 一致，且性能更好。
但要注意兼容性：IE9+ 支持，若需兼容 IE8 及更早版本，得自己写 polyfill 或回退到正则 value.replace(/^\s+|\s+$/g, '')。
立即学习“前端免费学习笔记（深入）”；
- 推荐写法：
const cleanValue = input.value.trim(); - 别用
input.value = input.value.trim()直接赋值后立刻 submit —— 某些老版 Android WebView 会丢掉刚赋的值 - 如果表单有多个字段，建议封装成函数统一处理，避免漏掉
textarea或select的value
pattern + required 只能校验，不能清理
pattern 属性看着像能“禁止空格”，其实只是提交时触发浏览器原生校验，既不干预输入过程，也不修改值。用户照样能粘贴带空格的内容，直到点击提交才弹提示。
典型写法：<input type="text" pattern="\S+" title="不能包含空格" required>。这里 \S+ 表示“至少一个非空白字符”，但注意：
- pattern 正则必须匹配整个字符串，所以隐含了
^和$，不用手动加 - title 属性必须存在，否则 Chrome/Firefox 不显示提示文字
- 它对全角空格（U+3000）、零宽空格（U+200B）等无效，这些得靠 JS 后续清洗
后端必须二次清洗，前端 trim 只是用户体验优化
所有前端清理都可被绕过：禁用 JS、改 DOM、抓包重发……所以后端收到参数后，仍要调用对应语言的 trim 函数（如 PHP 的 trim()、Python 的 .strip()、Java 的 .trim()）。
更关键的是：要识别并清除全角空格、不间断空格（ ）、零宽空格等非常规空白，这些在前端 trim() 里默认不处理，但数据库或搜索逻辑常因此出错。
容易被忽略的一点：如果字段用于用户名、邮箱前缀等唯一性校验，前后空格导致重复注册或登录失败，问题往往暴露在生产环境，而不是开发阶段。
