html - タグを使用してフォームを処理する HTML

Question

重複の可能性:
リンクからフォームを送信する最善の方法

<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="POST">
....
<a class="button" href=""><span>Buy Now</a>
</form>

<a>上記のコードで、タグを使用してフォームを処理するにはどうすればよいですか? 私のCSSコードのほとんどは属性のみを認識したため、送信ボタンを使用したくありません。

Answer 1

JavaScriptを使用してフォームを送信できます

document.forms["myform"].submit();

Answer 2

次のような jquery を使用します。

<form id="myForm" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="POST">
....
<a class="button" onclick="$('#myForm').submit();" href="#"><span>Buy Now</a>
</form>

これにはjqueryを含める必要があります

またはプレーンJavaScript：

<form id="myForm" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="POST">
....
<a class="button" onclick="document.forms["myForm"].submit();" href="#"><span>Buy Now</a>
</form>

Answer 3

JavaScript を使用して送信を開始できます。

document.getelementById("btn_submit_link").onclick = function () {
     document.forms["name-of-form"].submit();
}

この場合、リンクにはid属性が必要であることに注意してくださいbtn_submit_link。