JavaScript IP地址输入组件
IP 地址的输入框功能，写得还挺顺手。分段输入、自动跳转、格式校验都做了，响应也快，体验上蛮贴近实际需求。你要是平时写后台管理、网络配置这种东西，肯定会用得上。
输入框分成四段，每段限制在0~255，还能自动跳到下一段，挺适合 IP 类的输入逻辑。比起用普通的<input>，这个省了不少事。
校验部分也有基本逻辑，比如防止用户输入999.999.999.999这种不合规的 IP。虽然还有点粗糙，但拿来做个 demo 或者嵌进工具页面还是挺合适的。
代码比较简单，逻辑清晰，二次开发不费劲。你要是想拓展一下，比如加个IPv6支持或者加个onBlur的提示，也都比较容易。
作者说还有些不完善，欢迎提建议。其实你用着顺手的话，不妨也优化下再分享出去，工具类的东西就是靠一点点打磨出来的。
如果你也碰到 IP 输入的问题，可以顺便看看这个相关的文章：IP 地址输入与校验，里面讲得更细一点。
文件大小：2.81KB
评论区