2016-08-30 103 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();}' –