如何防止表单重复提交
1、多次点击同一个提交按钮的情况一(js验证)点击按钮提交表单的时候,立刻禁用按钮,第二次点击就无效或者使用变量标记状态,如果正在提交,直接返回,这种用于异步提交的情况中。
2、多次点击同一个提交按钮的情况一(js+服务端一起验证)很多情况,客户端JavaScript只是为了用户体验而做的验证,服务端也必须要做好检查和验证工作,避免一些非法请求哦。
3、按Backspace(js端可以监听键盘按键,过滤掉backspace)监听window的全局按键,单独处理backspace,取消之
4、使用Iframe接收表单其实F5刷新、历史记录,这些通通可以换一种提交方式,一并解决,那就是将表撮劝丛食单的target指向一个隐藏的Iframe中,这样浏览器就不会记录该地址,刷新,回车都不会重复提交了。这个方案还是异步无刷新提交表单(包括上传下载文件都可以),Iframe的使用请参考下面这几篇经验。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:22
阅读量:49
阅读量:85
阅读量:46
阅读量:90