首頁 >web前端 >js教程 >儘管使用了'document.theForm.submit()”,為什麼我的 JavaScript 表單提交還是失敗?

儘管使用了'document.theForm.submit()”,為什麼我的 JavaScript 表單提交還是失敗?

Susan Sarandon
Susan Sarandon原創
2024-11-11 15:52:02982瀏覽

Why is my JavaScript form submission failing despite using `document.theForm.submit()`?

使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn