「document.theForm.submit()」を使用しているにもかかわらず、JavaScript フォームの送信が失敗するのはなぜですか?

JavaScript を使用してフォームを送信する

JavaScript を使用してフォームを送信する問題に対処するために、フォームがID が「theForm」の場合は、DIV 内に送信ボタンとともに表示されます。ボタンがアクティブ化されると、placeOrder() 関数がトリガーされ、DIV の innerHTML が「処理中 ...」と表示されるように変更され、送信ボタンが削除されます。

document.theForm.submit() を呼び出す最初のアプローチですが、 placeOrder() 関数内では論理的であるように見えますが、目的のアクションを実行できません。その理由は、フォームの命名規則が間違っていることにあります。送信を確実に成功させるには、フォームの name 属性が JavaScript コードで使用されている名前と一致している必要があります。

したがって、以下に示すように、フォームの HTML を変更して name="theForm" を含めます。

<form name="theForm">
    ... (rest of the form elements and submit button)
</form>

この変更により、placeOrder() 関数の document.theForm.submit() 呼び出しは意図したとおりにフォーム送信を正常に開始します。

以上が「document.theForm.submit()」を使用しているにもかかわらず、JavaScript フォームの送信が失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。