用接收多行IP，通过split(/\r\n|\r|\n/), trim(), filter()清洗，再逐段校验0–255且无前导零，最后去重并JSON提交。
HTML文本框怎么接收多行IP并解析成数组
直接用 <textarea></textarea>，别用 <input type="text"> —— 后者按回车就提交表单，根本没法换行粘贴。用户粘贴的多行IP（比如从Excel或记事本复制）会带
或
，必须手动切分，浏览器不会自动帮你转成数组。
常见错误现象：粘贴后只读到第一行；IP里混了空格或制表符导致校验失败；中文全角换行符（极少见但存在）被忽略。
- 用
textarea.value.split(/ | | /)覆盖所有换行变体，比只写.split(' ')更稳 - 每行用
.trim()去首尾空格，否则"192.168.1.1 "会被当成非法IP - 过滤掉空行：
.filter(line => line.length > 0)，避免用户多敲一个回车就塞进空字符串
怎么快速校验每行是不是合法IPv4地址
别正则硬刚（比如 ^((25[0-5]|2[0-4]d|1dd|[1-9]?d).){3}(25[0-5]|2[0-4]d|1dd|[1-9]?d)$），太长易错还难维护。用 JS 原生逻辑更直观、可读性强，也方便后续扩展 IPv6。
使用场景：用户批量粘贴后点“导入”按钮前，前端先做轻量校验，避免无效请求打到后端。
立即学习“前端免费学习笔记（深入）”；
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
- 对每行调用函数，先
.split('.')，长度不等于 4 直接 reject - 每个段用
parseInt(segment, 10)转数字，再检查是否在 0–255 且不能是NaN（防"192.168.1.a"） - 注意：允许
"0.0.0.0"，但拒绝"01.0.0.0"（带前导零的十进制数在严格模式下不算合法IPv4）
导入按钮点击后怎么把IP列表传给后端
不是把整个 textarea 字符串发过去，而是先解析、校验、去重，再以标准数组格式提交。后端收到的是干净的 ["10.1.1.1", "172.16.0.5"]，不是一堆换行符堆出来的字符串。
性能影响：如果用户一次粘贴几千行，.map() + .filter() 在主线程跑没问题；但若还要加 CIDR 支持（如 "192.168.1.0/24"），建议用 Web Worker 避免卡 UI。
- 用
Array.from(new Set(ipList))去重，简单有效（Set 会自动去重，且保留原始顺序） - 提交用
fetch的POST，body 设为JSON.stringify({ ips: validIps }) - 别忘了设请求头：
headers: { 'Content-Type': 'application/json' }，否则后端可能收不到 body
为什么后端收到的IP总少几个或格式错乱
大概率是前端没处理好不可见字符：Windows 粘贴常带
，Mac 是
，但用户也可能从微信、钉钉、PDF 复制，里面藏了零宽空格（u200b）、软连字符（u00ad）甚至全角句号。这些字符肉眼看不出来，却会让 IP 校验失败或截断。
容易踩的坑：只清理空格，不清理 Unicode 控制符；后端用 split("
") 解析，但前端已用 split(/
|
|
/)，两边逻辑不一致。
- 预处理时加一行：
.replace(/[u200b-u200fu202a-u202fu2060-u206fufeff]/g, '')清掉常见零宽字符 - 调试技巧：在控制台打印
JSON.stringify(line)，看有没有隐藏字符（比如"192.168.1.1u200b"） - 后端也要做同样清洗和校验——前端只是体验优化，不能替代服务端安全边界
