当前位置:首页 > 开发 > Web前端 > 前端 > 正文

防止IE重复提交表单处理时,遇到的按钮操作问题

发表于: 2012-01-13   作者:hotsunshine   来源:转载   浏览次数:
摘要: 需求很简单,无非是防止用户频繁点击表单,以及ajax提交,不要给用户“点击之后,没有任何反应”的错觉。 因此在表单提交按钮点击之后,作如下效果: 按钮失效,背景变成灰色,并且在按钮后面加一个loading的小图标。 因为表单中还有一些非空字段的校验,所以上述效果的代码只有在校验全部通过的时候运行才是正常的。 起初我是在submit按钮上添加了一个,onclick事件,为了使这个
需求很简单,无非是防止用户频繁点击表单,以及ajax提交,不要给用户“点击之后,没有任何反应”的错觉。
因此在表单提交按钮点击之后,作如下效果:
按钮失效,背景变成灰色,并且在按钮后面加一个loading的小图标。

因为表单中还有一些非空字段的校验,所以上述效果的代码只有在校验全部通过的时候运行才是正常的。

起初我是在submit按钮上添加了一个,onclick事件,为了使这个按钮在提交时候失效,我添加了下面这一行代码
  $("#submit_button").attr("disabled","disabled");

火狐下面运行这个代码是没有任何问题的,后台的ajax提交也是很顺利,提交之后这个按钮变成灰色并且点击无效
但是IE下面是不行的,IE下面这样的代码只是按钮失效,并没有Ajax的后台提交

经过测试研究,最后发现是IE这个事件的执行顺序问题,把相关代码注册到form表单onsubmit事件上,即可在IE和狐火下面全部通过测试。

防止IE重复提交表单处理时,遇到的按钮操作问题

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能
session案例-防止表单重复提交 l不足:但用户单击”刷新”,或单击”后退”再次提交表单,将导致表
概述 有些时候,我们在想某个网页提交了信息之后,由于某些原因,我们会重复点击提交,或者刷新页面
1、在网络延迟会或服务器反应过慢的情况下让用户有时间点击多次submit按钮导致表单重复提交 2、用户
 在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可
一、重复提交的处理方式 1.在进行请求之后重定向到查询或者其他不操作数据库的请求 2.将页面事件执
/* * Generated by MyEclipse Struts * Template path: templates/java/JavaClass.vtl */ package c
一、造成重复提交主要的两个原因: 在平时的开发过程中,经常可以遇到表单重复提交的问题,如做一个
  在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户
  在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号