JavaScript表单输入验证不能为空
js 的输入验证算是前端里比较基础的活儿，嗯，做表单的时候，输入不能为空这种事儿，千万别偷懒。用 onsubmit 或 addEventListener 挺方便，响应也快，用户体验也还不错。
表单的 事件监听是重点，用户一点击提交，就得用 validateForm() 或 validateInput() 把输入内容扫一遍，像 trim() 去个空格，空就弹个 alert，挺直观。
多个输入就用 querySelectorAll 抓一下 input[required]，再用个循环检查，想省事就写个通用函数，后期改动也方便。遇到格式要求高的，还能顺手加个 正则，灵活得。
表单验证最好别全靠前端，嗯，后端兜底也挺重要，不过前端拦一手，用户填错少，服务器也轻松。如果你对表单验证还想挖得深一点，可以去看看 JavaScript 表单验证、javascript 表单验证源码 这些，例子比较全，抄起来也快。
如果你要做比较复杂的表单，最好多做点用户输入提示，别光弹 alert，用个提示框或者高亮输入框，用户填表才舒服。
文件大小：848B
评论区