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