无法在JSP中提交表单

时间:2016-08-30 15:03:13

标签: javascript html jsp

我使用Bootstrap2模块制作网页APP。但我没有提交表格。我hava设置属性。("方法"和"动作"),我也尝试在标签中写目标链接,它没有工作。这是我的HTML:

<form id="financial_update_form" method="POST" action="financial_update_do.jsp" class="form-horizontal">
...
...
</form>
<a href="" id="financial_update_sure_btn" class="btn btn-primary"><i class="icon-plus icon-white"></i> submit</a>
<a href="financial_management.jsp" id="financial_update_cancle_btn" class="btn btn-primary"><i class="icon-plus icon-white"></i> back</a>

我使用js来控制它,js代码如下:

<script type="text/javascript">
var form = document.getElementById("financial_update_form");
var sure = document.getElementById("financial_update_sure_btn");
var cancle = document.getElementById("financial_update_cancle_btn");
sure.onclick = function(){
form.submit();
};
</script>

我认为应该有效。 通过它的id获取表单,然后当点击surn botton时,提交表单。为什么我错了?...

2 个答案:

答案 0 :(得分:0)

一旦JavaScript触发,就会跟踪链接(到当前页面)并取消表单提交。

忘记JavaScript。如果您想提交表单,请使用提交按钮。

<form id="financial_update_form" method="POST" action="financial_update_do.jsp" class="form-horizontal">
  ...
  ...
  <button id="financial_update_sure_btn" class="btn btn-primary">
    <i class="icon-plus icon-white"></i>
    submit
  </button>
</form>

答案 1 :(得分:0)

我找到了如何解决它。 已经证明js可用于提交表格,即使标签超出了。通过以下方式:

  1. 设置&#34;&#34;方法&#34;和&#34;行动&#34;属性,很重要
  2. 更改&#39; sref属性&#34; href&#34;从某些链接到&#34; javascript:functionname()&#34;,如:
  3. 并编写自己的javascript,例如:

        var form = document.getElementById(&#34; note_new_form&#34;);     var btn = document.getElementById(&#34; note_new_form_btn&#34;);     btn.onclick = function submitform(){         form.submit();     };
  4. 有效。