非input提交时,如何防止表单重复提交

input表单提交时,我们可以让该提交按钮disabled,从而防止用户重复提交表单,但是,如果是a标签,或者一个图片提交表单时,我们应该如何去做呢.


这个做法可以参考下。



  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <html xmlns="http://www.w3.org/1999/xhtml">

  3. <head>

  4.    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

  5.    <title></title>

  6.    <script type="text/javascript" src="jquery1.5.js"></script>

  7.    <script type="text/javascript">

  8.        $(document).ready(function(){

  9.            $("#submit_btn").click(function(){

  10. var isDis = $(this).attr("disabled");

  11. if(isDis != null && isDis == "disabled"){

  12. returnfalse;

  13.                }

  14.                $(this).attr("disabled", "disabled");

  15.                alert("提交操作-------");

  16.            });

  17.        });

  18.    </script>

  19.    <style type="text/css">

  20.        .btn_2{

  21.            font-size:30px;

  22.            border:1px solid blue;

  23.            background:#cacaca;

  24.            padding:20px;

  25.        }

  26.    </style>

  27. </head>

  28. <body>

  29.    <a id="submit_btn"class="btn_2"><span>提交注册</span></a>

  30. </body>

  31. </html>


2013-08-04-add

非input提交时,如何防止表单重复提交

上一篇:《管好团队做对事——软件企业成长手册》一第1部分 开发团队


下一篇:centos hydra 搭建