提交按钮点击后变灰色(不能再点),页面处理完毕后变为正常,避免重复提交
2008-10-29 10:15
288 查看
这是一个很古董的问题,以前写程序呢,也不在意^_^,但软件有客户提出偶尔会出现重复提交的问题,此种情况基本都是出现在网速慢,客户等不及,而再次点击提交按钮的情况下,今儿找了段脚本,解决下,也算是对用户体验的一个提升吧.
方法一(测试通过)
Javascript
function disableBtn()
{
var ok=document.getElementById('Button3');
ok.disabled = true;
return true;
}
Page_Load
if (!Page.IsPostBack)
{
System.Text.StringBuilder s = new System.Text.StringBuilder();
s.Append("disableBtn();");
s.Append(this.GetPostBackEventReference(this.Button3));
this.Button3.Attributes.Add("onclick", s.ToString());
}
方法二:未测试
用cs代码的enabled=false在页面提交并返回之前是不会立即有效果的!除非用js。
如果是提交表单,可以在submit按纽事件里写document.all.button1.disabled=true;
如果是ImageButton,在js里设置按纽的width=0
<script language="javascript">
//----------只提交一次(隐藏提交按纽)cmdButton一般是Immagebutton
function submitonce()
{
var cmdButton=document.all.ImageButton1;
if(cmdButton != null)
{
cmdButton.clearAttributes();
cmdButton.width=0;
}
}
if(document.all.ImageButton1!=null)
document.all.ImageButton1.onclick = submitonce;
</script>
未完待续.....
方法一(测试通过)
Javascript
function disableBtn()
{
var ok=document.getElementById('Button3');
ok.disabled = true;
return true;
}
Page_Load
if (!Page.IsPostBack)
{
System.Text.StringBuilder s = new System.Text.StringBuilder();
s.Append("disableBtn();");
s.Append(this.GetPostBackEventReference(this.Button3));
this.Button3.Attributes.Add("onclick", s.ToString());
}
方法二:未测试
用cs代码的enabled=false在页面提交并返回之前是不会立即有效果的!除非用js。
如果是提交表单,可以在submit按纽事件里写document.all.button1.disabled=true;
如果是ImageButton,在js里设置按纽的width=0
<script language="javascript">
//----------只提交一次(隐藏提交按纽)cmdButton一般是Immagebutton
function submitonce()
{
var cmdButton=document.all.ImageButton1;
if(cmdButton != null)
{
cmdButton.clearAttributes();
cmdButton.width=0;
}
}
if(document.all.ImageButton1!=null)
document.all.ImageButton1.onclick = submitonce;
</script>
未完待续.....
相关文章推荐
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- JavaScript实现点击按钮后变灰避免多次重复提交
- 避免页面按钮重复提交
- javascript实现避免页面按钮重复提交
- 解决:防止页面按钮被重复点击,导致页面重复提交的问题
- JavaScript实现点击按钮后变灰避免多次重复提交
- 前台页面点击按钮防止重复提交
- angularjs如何避免快速点击按钮,重复提交请求
- 如何避免新建的时候点击按钮重复提交ruby on rails
- 点击不同的按钮把同一个表单提交到不同的页面处理的方法
- javascript实现避免页面按钮重复提交
- 如何避免新建的时候点击按钮重复提交ruby on rails
- js解决列表中按钮重复点击重复提交的问题
- 表单点击提交按钮后变成灰色不可再次点击
- 设定网页按扭在点击后不可用,避免重复提交.
- Asp.Net避免按钮重复点击
- 注册或者点击按钮时,防止用户重复提交数据
- 处理F5刷新页面重复提交页面的一个思路