WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
网站地图 加入收藏 设为首页
您的位置:本站首页>>前端特效>>Javascript实例:使用javascript避免表单重复提交

Javascript实例:使用javascript避免表单重复提交

[ 录入者:91ctc | 时间:2013-03-14 00:03:49 | 作者: 91ctc| 来源:本站 | 浏览: 次 ]

在实际开发当中,有时候由于网速的原因,或者网页被恶意刷新,导致同一记录被重复插入数据库中,这是一个很棘手的问题,我们在这里介绍两个方法来避免这个问题。

直接给代码:

XML/HTML Code复制内容到剪贴板
  1. <form method="post" name="register" action="test.php" enctype="multipart/form-data">    
  2.   <input name="text" type="text" id="text" />  
  3.   <input name="cont" value="提交" type="button" onClick="document.register.cont.value='正在提交,请等待...';document.register.cont.disabled=true;document.register.submit();">    
  4. </form>  

还可以这么写:

XML/HTML Code复制内容到剪贴板
  1. <form method="post" name="register" action="test.php">    
  2.   <input name="text" type="text" id="text" />  
  3.   <input name="cont" value="提交" type="button" onClick="get_check();">    
  4. </form>  
  5.   
  6. <script type="text/javascript">  
  7. function get_check(){   
  8.            
  9.         var v=document.getElementById("text").value;   
  10.         if (v==''){   
  11.                alert("不能为空!");   
  12.                return false;      
  13.         }   
  14.         document.register.cont.value='正在提交,请等待...';//防重复提交   
  15.         document.register.cont.disabled=true;   
  16.         document.register.submit();   
  17.        
  18.     }   
  19.   
  20. </script>  

还有一个方法:

XML/HTML Code复制内容到剪贴板
  1. <script language="javascript">  
  2. var submitcount=0;   
  3. function submitOnce(){   
  4.   if (submitcount == 0){   
  5.      submitcount++;   
  6.      return true;   
  7.   } else{     
  8.     alert("正在操作,请不要重复提交,谢谢!");   
  9.     return false;   
  10. }   
  11. }   
  12. </script>  
  13. <form name="the_form" method="post" action="">    
  14.     <input name="text" type="text" id="text" />  
  15.     <input name="cont" value="提交" type="submit" onclick="return submitOnce()">    
  16. </form>  

 

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号