防止重复提交js按钮变灰_帝国Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
分享一下怎样防止重复提交js按钮变灰,确认可用的方法,大家可以尝试一下
当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能。从代码就可以看出,我们只需在提交按钮上加入这一句: onclick="javascript:{this.disabled=true;document.form1.submit();}",意思是当按钮点击后,将按钮的不可用属性设置为true,这样按钮就变灰了
  1. <form name=form1 method="POST" action="/" target=_blank> 
  2.  
  3. <p><input type="text" name="T1" size="20"><input type="button" value="提交" onclick="javascript:{this.disabled=true;document.form1.submit();}"> 
  4.  
  5. <input type="reset" value="重置" name="B2"></p> 
  6.  
  7. </form> 
或 (一般用下面这个就行了)
  1. <input name="Submit" type="submit" name="addnews" class="input_sub" value="提 交" onClick="this.disabled=true;document.add.Submit.value='提交中...';document.add.submit();"> 
提交后提交按钮边灰不可重复点击,这样可避免重复提交
仅供学习参考,希望可以帮助到你

查看更多 帝国cms教程  帝国cms模板

来源:模板无忧//所属分类:帝国Cms教程/更新时间:2020-04-16
相关帝国Cms教程