html - を使用してフォームを送信する方法

Answer 1

まず、フォームにid属性を指定して、参照できるようにします。

<form action="login.php" method="post" id="myform">

これで、 onclickイベントを使用してJavascript-submitを実行できます。

<a href="#" onclick="document.forms['myform'].submit();">Click to submit the form</a>

Answer 2

@dbasemanの答えに基づいて構築します。jQueryを使用してフォームを送信している場合は、これが役立つはずです。

HTML

<a href="#" id="MySubmitButton" name="MySubmitButton">Click to save</a>

jQuery

// submit
$('#MySubmitButton').click(function () {
    $('form').submit();
    return false;
});

// OR - bypassing any unbotrusive validation
$('#MySubmitButton').click(function () {
    $('form')[0].submit();
    return false;
});

// using the enter key to submit the form
$('#password, #email').keypress(function (event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == 13) {
        $('form').submit();

        event.stopPropagation();
    }
});

Answer 3

JavaScript は、submit() メソッドを含むフォーム オブジェクトを提供します。フォームの「id」を使用してフォーム オブジェクトを取得します。たとえば、フォームの名前が「myform」の場合、submit 呼び出しの JavaScript コードは次のとおりです。

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

しかし、フォームを識別する方法は? formタグにid属性を与える

<form id='myform' action='handle-data.php'>

ハイパーリンクがクリックされたときにフォームを送信するコードは次のとおりです。

<form name="myform" method="post" action="handle-data.php">
Search: <input type='text' name='query' />
<a href="javascript: submitform()">Search</a>
</form>
<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

Answer 4

ここで答え

 <form action="login.php" method="post" id="myform" name="myform">
 </form>
 <a href="javascript:document.myform.submit();">Click to submit the form</a>

Answer 5

<a href="#" onclick=
 "document.getElementById('submit_login').submit(); return false">Log in</a>

しかし、実際には送信ボタンを使用する方が使いやすく、アクセスしやすいため、基本的な機能をこのように実装するよりも、スタイリングに関する問題を修正する方が適切です。