超市账单管理用户名校验功能
超市账单管理系统的用户名校验功能挺基础的，但也够用了。用原生 JS 写的，代码量不多，逻辑也直给：就是判空，如果你输入框是空的，页面下方就会提示“用户名不能为空”，否则提示消失。虽然没用到 jQuery 或 Ajax 这些“高级货”，但胜在简单直观，新手也能秒懂。
用户名校验这块，多项目都用得上。如果你后续想加点花样，比如输入时就判断用户名有没有被占用，可以参考下文章里提到的那些扩展资源，像是 Ajax 验证、Servlet 后端结合什么的，挺有意思。
小建议哈：用这个功能时，最好和表单提交绑定下，比如加到 onsubmit 事件里。不然用户直接提交，前端校验就白做了。代码也可以稍微美化下，变量名别全叫 span1、ttvar 这种，看久了头疼。
文件大小：2.48MB
评论区