2016-08-30 9 views
-1

私はBootstrap2モジュールを使ってWeb APPを作成します。しかし、私はフォームを提出しませんでした。私はhavaが( "メソッド"と "アクション")属性を設定し、ラベルにターゲットリンクを書き込もうとしましたが、うまくいきませんでした。ここに私の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でフォームを取得してから、クリックしたらフォームを送信してください。なぜ私は間違っていますか...

答えて

0

私はそれを解決する方法を見つけました。 jsはフォームを送信する際に使用できることが証明されています。それに従うことにより:

  1. はの「方法を "と『行動』は、それが重要な
  2. 変更属性である」設定『のjavascript:のfunctionname()』への特定のリンクからの属性『のhrefを』のように、 :
  3. など独自のJavaScript、書き込み:

    するvar形式=の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();} ' –