如何防止表单重复提交

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

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

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

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

如何防止表单重复提交

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

  • 鼠标悬浮球怎么更改鼠标触发等待时间
  • 怎么使用和保养触摸屏智能收银机?
  • w10系统鼠标单击确定变双击确定方法
  • php+mysql如何实现只查询前10条数据
  • 如何让开水迅速变凉?
  • 热门搜索
    逆来顺受什么意思 什么是母乳性黄疸 蚕沙的功效与作用 灯心草的功效与作用 四神丸的功效与作用 客家黄酒的功效与作用 旅游知识 香叶的功效与作用 洛阳牡丹花什么时候开 生理盐水的作用