javascript - 传统方式提交表单，防止重复提交问题？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 传统方式提交表单，防止重复提交问题？

高洛峰 2017-04-11 10:55:59

[JavaScript讨论组]

645

提交表单的时候，不是使用ajax提交，就是传统的表单提交，为防止表单重复提交，应该怎么写javascript或jquery代码呢？如果提交没成功，怎么恢复提交按钮？

html如下：



  
    Email address
    
    We'll never share your email with anyone else.
  
  
    Password
    
  
  
    Example select
    
  
  
    Example multiple select
    
  
  
    Example textarea
    
  
  
    File input
    
    This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.
  
  
    
      
      Option one is this and that—be sure to include why it's great
    
  
  
    
      
      Option two can be something else and selecting it will deselect option one
    
  
  
    
      
      Option three is disabled
    
  
  
    
       Check me out

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(5)

伊谢尔伦2017-04-11 10:57:59 5楼

访问页面返回token，提交表单带上token。验证token是否有效。

赞 +0

添加回复

ringa_lee2017-04-11 10:57:59 4楼

给按钮添加点击事件, 点击后, 给按钮添加disabled属性

$(":submit").on("click", function(){
    // 如果需要判断表单是否通过, 写这
    // if (通过)
     $(this).prop("disabled", true);
})

赞 +0

添加回复

伊谢尔伦2017-04-11 10:57:59 3楼

js 加断组织默认事件的代码

赞 +0

添加回复

怪我咯2017-04-11 10:57:59 2楼

可以加一个缓存层。然后提交成功了。则就创建一个针对用户的数据hash或者字符串等等的。反正你可以想着办法的存，然后下次提交的时候，先进行对比，如果相同，则提示已经提交过了。如果不存在，则可以继续进行提交，但是隔着提交这个办法救不灵了。
用JS不保险。我个人觉得。

赞 +0

添加回复

PHP中文网2017-04-11 10:57:59 1楼

token是个不错的方式！

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>