javascript - javascript を使用した Spring フレームワークのフォーム送信

Question

JavaScriptで更新フォームを送信したいのですが。私は次のようにそれらを作りました：

<form:form id="update" method="post" action="/profile/update/${uname}">
</form:form>

これをトップメニューの下に追加します。

<button type="submit" class="save"></button>

フォームに含まれていないトップメニュー内の保存ボタンから、この更新フォームを送信したいと考えています。フォームの外側で JavaScript を使用してこのフォームを送信するにはどうすればよいですか?

Answer 1

ボタンからこの submitForm() 関数を呼び出してみてください。

<script type="text/javascript">
function submitForm()
{
  document.update.submit();
}
</script>

Answer 2

JavaScript メソッドで id でフォーム要素を取得し、このメソッドをonclickボタンとして追加してみてください。

<script type="text/javascript">
function submitForm()
{
  document.getElementById("update").submit();
}
</script>

ボタンタグを次のように変更します

<button type="submit" class="save" onClick="submitForm();"></button>