网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何防止表单重复提交

时间:2024-10-14 14:20:42

1、多次点击同一个提交按钮的情况一(js验证)点击按钮提交表单的时候,立刻禁用按钮,第二次点击就无效或者使用变量标记状态,如果正在提交,直接返回,这种用于异步提交的情况中。

2、多次点击同一个提交按钮的情况一(js+服务端一起验证)很多情况,客户端JavaScript只是为了用户体验而做的验证,服务端也必须要做好检查和验证工作,避免一些非法请求哦。

3、按Backspace(js端可以监听键盘按键,过滤掉backspace)监听window的全局按键,单独处理backspace,取消之

如何防止表单重复提交

4、使用Iframe接收表单其实F5刷新、历史记录,这些通通可以换一种提交方式,一并解决,那就是将表撮劝丛食单的target指向一个隐藏的Iframe中,这样浏览器就不会记录该地址,刷新,回车都不会重复提交了。这个方案还是异步无刷新提交表单(包括上传下载文件都可以),Iframe的使用请参考下面这几篇经验。

© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com