layer.prompt需在success回调中通过DOM操作添加minlength/maxlength属性，并在yes回调中二次校验长度，因原生不支持直接传参且HTML属性仅辅助体验、不可替代JS校验。
layer.prompt 怎么加 minlength / maxlength 校验
原生 layer.prompt 不支持直接传 minlength 或 maxlength 参数，它底层用的是普通 <input type="text">，但默认没设这些属性，也不能靠参数透传。想限制字数，得手动干预 dom。
弹出后通过 DOM 操作添加 input 属性
在 layer.prompt 的 success 回调里获取输入框元素，再设置 minLength 和 maxLength 属性（注意是 JS 属性名，不是 HTML 的 minlength）：
layer.prompt({
title: '请输入用户名',
value: '',
success: function(layero) {
const input = layero.find('input');
input.attr('minlength', '2'); // HTML 属性，影响表单校验提示
input.attr('maxlength', '10'); // 同上
input.prop('maxLength', 10); // 更可靠的截断控制（IE/Edge 兼容更好）
},
yes: function(index, layero) {
const val = layero.find('input').val().trim();
if (val.length < 2 || val.length > 10) {
layer.tips('请输入 2–10 个字符', layero.find('input'), { tips: [1, '#FF5722'] });
return;
}
layer.close(index);
}
});
-
attr('maxlength', '10')只是添加 HTML 属性，部分浏览器会自动截断，但不保证；prop('maxLength', 10)是更底层的 DOM 属性控制，兼容性更稳 - 仅靠属性不够：用户可能粘贴超长内容或绕过前端限制，
yes回调里必须做二次长度校验 -
minlength属性在 input 上不会触发原生提示（不像required），所以最小长度校验完全依赖 JS 判断 +layer.tips
为什么不能在 content 里写带属性的 input？
layer.prompt 内部固定渲染结构：<div class="layui-layer-content"><input type="text"></div>，不接受自定义 HTML。试图用 content 选项替换整个内容会破坏 prompt 的交互逻辑（比如回车确认、按钮绑定），导致 yes 回调失效或值拿不到。
- 不要写
content: '<input maxlength="10">'—— 这会让 layer 把它当纯文本渲染，不生效 - 也不要尝试用
type: 2（页面层）模拟 prompt —— 丢失value、placeholder等便捷参数，还得自己处理按钮和关闭逻辑
中文、emoji、全角字符的长度怎么算？
val.length 返回的是 UTF-16 编码单位数，对大部分中文、emoji 都准确（如 '??' 是 2 个单位，'你好' 是 2 个单位）。如果你需要按「显示字数」或「字节数」限制（比如对接后端要求 UTF-8 字节 ≤ 20），就得用额外函数计算：
// 按 UTF-8 字节数估算（近似，适合多数场景）
function utf8Length(str) {
let len = 0;
for (let i = 0; i < str.length; i++) {
const code = str.charCodeAt(i);
if (code < 0x80) len += 1;
else if (code < 0x800) len += 2;
else len += 3;
}
return len;
}
这时候校验就变成 if (utf8Length(val) 30) { ... }。别只信 .length。
真正容易被忽略的，是 maxLength 截断行为在不同浏览器中对组合字符（比如带声调的拼音、某些 emoji 序列）的处理不一致 —— 最稳妥的方式，始终以 JS 校验为准，属性只是辅助体验。
