<form id="saveReportForm" action="saveReport.htm" method="post" onsubmit="return saveReport();">
<input type="submit" value="保存报告"/>
<input type="submit" value="保存报告"/>
</form>
function saveReport() {
// jquery 表单提交
$("#showDataForm").ajaxSubmit(function(message) {
// 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容
});
return false; // 必须返回false,否则表单会自己再做一次提交操作,并且页面跳转
}
有时候,即使这样,页面依然跳转。原因是:
<script src="../../js/jq/jquery.js" type="text/javascript" charset="utf-8">
<script src="../../js/jq/jquery.form.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/jquery-1.11.2.min.js"></script>js的引用先后顺序和引用冲突问题。重复引用类似的js.

本文介绍了一个关于表单提交过程中遇到的页面跳转问题及其解决方案,详细解释了如何通过JavaScript阻止默认提交行为,并探讨了可能由jQuery库版本冲突引起的意外跳转现象。
1126





