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 同时注册一个点击事件就行了。
不知道能不能帮到楼主...