在实际开发当中,有时候由于网速的原因,或者网页被恶意刷新,导致同一记录被重复插入数据库中,这是一个很棘手的问题,我们在这里介绍两个方法来避免这个问题。
直接给代码:
XML/HTML Code复制内容到剪贴板
- <form method="post" name="register" action="test.php" enctype="multipart/form-data">
- <input name="text" type="text" id="text" />
- <input name="cont" value="提交" type="button" onClick="document.register.cont.value='正在提交,请等待...';document.register.cont.disabled=true;document.register.submit();">
- </form>
还可以这么写:
XML/HTML Code复制内容到剪贴板
- <form method="post" name="register" action="test.php">
- <input name="text" type="text" id="text" />
- <input name="cont" value="提交" type="button" onClick="get_check();">
- </form>
-
- <script type="text/javascript">
- function get_check(){
-
- var v=document.getElementById("text").value;
- if (v==''){
- alert("不能为空!");
- return false;
- }
- document.register.cont.value='正在提交,请等待...';//防重复提交
- document.register.cont.disabled=true;
- document.register.submit();
-
- }
-
- </script>
还有一个方法:
XML/HTML Code复制内容到剪贴板
- <script language="javascript">
- var submitcount=0;
- function submitOnce(){
- if (submitcount == 0){
- submitcount++;
- return true;
- } else{
- alert("正在操作,请不要重复提交,谢谢!");
- return false;
- }
- }
- </script>
- <form name="the_form" method="post" action="">
- <input name="text" type="text" id="text" />
- <input name="cont" value="提交" type="submit" onclick="return submitOnce()">
- </form>