1.表单点击提交后，对所有输入框的内容做判断，是否合法，不合法给出提示
2.正式提交后，提交按钮变灰，按钮的内容改成“请稍候...”，此时如果再点按钮提交，弹出layer消息框“正在发送数据，请稍候...”，该消息框三秒后自动消失
3.ajax获取的结果如果失败，弹出layer消息框“服务器繁忙，请重试！”，此时灰色的按钮恢复原来的颜色和内容，允许再提交
4.ajax获取的结果如果成功，但结果不是预期想要的结果，弹出layer消息框“表单数据有误，请修改后重新提交！”，此时灰色的按钮恢复原来的颜色和内容，允许再提交
5.ajax获取的结果如果成功，并且结果和预期的一样，弹出layer消息框“提交成功！”，此时灰色的按钮恢复原来的颜色和内容，允许再提交
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
功能你可以去github 上搜一个叫jqBootstrapValidation.js的一个插件，可以满足你的需求。
这功能更容易了，对button 绑定一个事件就解决了。
3.4.5.这个去了解一下ajax的原理，ajax有生命周期的，在接口接受前，收到数据后都有周期的，可以再里面回调函数解决你的问题