2016-08-30 74 views
-1

我使用Bootstrap2模块制作了一个web应用程序。但是我没有提交表格。我设置了属性(“方法”和“动作”),我也尝试在标签中写入目标链接,但它不起作用。这是我的HTML:无法在JSP中提交表单

<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时提交表单。为什么我错了?...

回答

0

我发现如何解决它。 已经证明js可以用于提交表单,即使标签超出了。通过以下的是:

  1. 设置的‘方法’和‘动作’属性,这一点很重要
  2. 变化的属性的‘href’从某些链接‘的javascript:使用functionName()’,如:
  3. ,写自己的JavaScript,如:

    变种形式=的document.getElementById( “note_new_form”); var btn = document.getElementById(“note_new_form_btn”); btn.onclick = function submitform(){ form.submit(); };

它工作。

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> 
+0

但我成功地在另一个JSP中,它是各不相同。脚本如下:'var form = document.getElementById(“financial_new_form”); var btn = document.getElementById(“financial_new_form_btn”); btn.onclick = function(){if(type.value!='请选择'&& amount.value!=''){form.submit();}' –