用户名检查静态资源包
用户名检查的静态资源打包得挺完整，适合做注册功能的小项目或者练习用。页面结构清晰，register.html里表单控件都齐了，样式也用 CSS 分开写得挺规范，维护起来方便。输入框状态切换的细节也没落下，成功或失败反馈都有视觉提示，用户体验还不错。
CSS 文件一般放在css/style.css里，常见像border-color或者background-image来配合输入框状态变更。比如用户名不合法就加个红框，合法就变绿，还能搭配图标做提示，挺直观的。
Ajax部分是整个交互的关键。用了原生XMLHttpRequest，逻辑清楚，适合理解求的整个过程。像下面这种：
xhr.open('POST', '/checkUsername', true);
xhr.setRequestHeader('Content-Type', 'application/json');你只要监听onreadystatechange，判断用户名有没有被用掉，响应快、体验好。返回值通常是：
{ "available": true }再根据这个来切换样式或提示信息。
图片资源也准备得比较周全，放在imgs目录，像什么小图标、警告符号都能用上，直接贴到输入框旁边，交互更自然。
如果你刚好在搞注册表单，不想自己手动搭一套，不妨直接拿这份资源包来用，省心还挺好上手。配合你自己的后台接口改一改，几乎能直接用上。
文件大小：379.5KB
评论区