form的onsubmit能产生多次提交

2013-03-10

form的onsubmit会产生多次提交？今天用form的onsubmit的时候发现，明明点了一次提交，结果提交了7次。如果用bu

form的onsubmit会产生多次提交？
今天用form的onsubmit的时候发现，明明点了一次提交，结果提交了7次。
如果用button的onclick就只会提交一次……
想了很久想不通为什么？

文件在这里……
http://pan.baidu.com/share/link?shareid=203240&uk=1714001648&third=0

源码


<!DOCTYPE html>
<html lang="en">
<header>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="static/css/main.css" type="text/css" rel="stylesheet" />  
  <link type="text/css" rel="stylesheet" href="static/bootstrap/css/bootstrap.css">
  <style type="text/css">
    body {
      padding-top: 26px;
    }
  </style>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="static/bootstrap/js/bootstrap.js"></script>
  <script src="static/js/jqBootstrapValidation.js"></script>
  <script>
      var a = 0;
      $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
      function single_sign(){
        a++;
        alert(a);
      };
  </script>
</header>


<body>
<!--Single Form -->
<div class="modal hide fade" id="SingleForm">
  <form class="form-horizontal" onsubmit="javscript:single_sign();return false;" >
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>单人报名</h3>
  </div>
  <div class="modal-body">
      <fieldset>
        <div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='abd68018ba0fd1867e9c39d655ec1055' /></div>
        <div class="control-group">
          <label class="control-label" for="id_author0">ID</label>
          <div class="controls">
            <input id="id_author0" type="text" name="author0" required />
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="id_contact0">联系方式</label>
          <div class="controls">
            <input id="id_contact0" type="text" name="contact0" required />
          </div>
        </div>
        <div class="control-group"> 
 
          <label class="control-label" for="id_remark0">备注</label>
          <div class="controls">
            <input id="id_remark0" type="text" name="remark0" required />
          </div>
        </div>
        <input type="hidden" name="is_team" value="0" />
      </fieldset>
  </div>

  <div class="modal-footer">
    <button class="cancel btn" id="single_cancel">取消</button>
    <button type="submit" class="save btn btn-primary" id="single_save">报名</button>
  </div>
  </form>
</div>

<!-- Body -->
  <div class="mycontainer">
  <div class="sign_main">
      <a href="#" data-toggle="modal" data-target="#SingleForm">报名</a>
    </div>
    </div>
  </div>
</hody>
</html>

[解决办法]
single_sign 怎么写的？

button 建议把type写全
<button type="button" class="cancel btn" id="single_cancel">取消</button>
[解决办法]
我以前碰到过类似的东东，两次提交表单。代码列出如下(这里只写submit与方法)
function gotosub(){
   var myfm = $("input[name='myfm']").get(0);
   myfm.action=".....";
   myfm.submit();
}

<form name=myfm method=post >
<input type=submit value = "提交" />
</form>
结果运行后产生两次提交，
解决办法，type=submit 改成type=button 同时注册一个点击事件就行了。
不知道能不能帮到楼主...

热点排行

CSS

form的onsubmit能产生多次提交