jQuery表单必填验证效果

jQuery 的表单验证是前端开发里一个挺常见也挺实用的功能，是那种“所有字段都不能为空”的场景，用起来干脆利落。这个例子里，用submit()事件拦截表单提交，再通过:input[required]选择器遍历所有必填项，检查有没有空的，配合点.addClass('error')，就能实现一个还挺丝滑的用户体验。

jQuery 的选择器用起来就是爽，比如$('#id')、$('.class')，一看就懂。事件绑定也方便，blur()、click()、submit()啥的都能自然地加上。实际用的时候，你可以在blur()上加点即时提示，用户体验一下子就上来了。

除了基本逻辑，还可以再配点.error类的 CSS，比如加个红框、抖动效果啥的。或者你图省事，用个 jQuery Validation 插件也是个不错的选择。再进阶点，把验证+提交变成 AJAX 异步，用户体验直接升个级。

压缩包texiao1066_1560681024里估计是个完整的实例项目。你可以先解压看下index.html结构，再看看 CSS 怎么写的错误样式，JS 逻辑也一目了然。照着改改，快就能上手。

如果你表单字段多，用户输入容易漏填，那这个效果就蛮适合用上的。省得后端再拦，前端先兜一把，效率高多了。