应使用 oninput 实时转大写并过滤非字母字符，配合 onpaste 处理粘贴，注意光标位置维护及移动端兼容性，后端仍需正则校验。
input 输入时实时转大写比用 maxlength 更可靠
直接限制“只能输入大写字母”在 layui 里没有原生属性支持，type="text" 的 input 元素本身不校验大小写。靠 pattern 或 required 只能提交时校验，用户已经输了一堆小写，体验差。更实际的做法是：输入过程中自动把小写字母转成大写，同时拦截非字母字符。
实操建议：
- 用
oninput（不是onchange）监听，确保每次按键都响应 - 获取当前值 → 用
.toUpperCase()转大写 → 再用正则/[^A-Z]/g剔除非大写字母字符 - 赋值回
input.value后，手动重置光标位置，否则在中间编辑时会跳到末尾
Layui 中绑定事件要等 form.render() 后再操作 DOM
Layui 的表单元素（尤其是带 lay-verify 的）会被框架包裹或重写，直接 document.getElementById 可能取不到原始 input，或者取到了但事件绑定后被覆盖。
正确时机和方式：
- 确保在
layui.use(['form'], function(){...})回调内操作 - 等
form.render()执行完再查 DOM，或用form.on('submit(...)', ...)配合前端过滤 - 如果 input 是动态插入的（比如表格行内编辑），得用事件委托：
$(document).on('input', '.your-input-class', ...)
别只靠前端限制，后端仍需校验 A-Z 范围
前端转大写+过滤只是用户体验优化，绕过 JS、禁用 JS、抓包改请求，都能发任意字符过去。后端收到字段后必须再次验证：
- 正则匹配是否全为
^[A-Z]*$（空字符串也要考虑） - 注意某些语言（如 Python）的
.isupper()对空格/数字返回False，但不够严格；直接正则最稳妥 - 数据库字段若设了
CHECK (col ~ '^[A-Z]*$')（PostgreSQL）或触发器，能多一层兜底
兼容性坑：iOS Safari 的 input 事件不触发粘贴
用户长按粘贴一段含小写字母的文本时，oninput 在 iOS Safari 上可能不触发，导致小写直接进去了。必须额外监听 onpaste：
input.addEventListener('paste', function(e) {
e.preventDefault();
const text = (e.clipboardData || window.clipboardData).getData('text');
const upperText = text.toUpperCase().replace(/[^A-Z]/g, '');
document.execCommand('insertText', false, upperText);
});
这个写法在 Chrome / Edge / Android 浏览器也生效，但要注意 document.execCommand 已废弃，不过目前仍是唯一能精准控制粘贴后光标位置的方式。Layui 没封装这层，得自己补。
真正难的是光标位置维护和移动端软键盘行为差异——这些细节不处理，用户会觉得“有时候管用，有时候不管用”。
