表單不在按鈕上通過javascript提交

Question

我的網站是使用CSS / HTML框架創建的，該框架已集成到ASP.NET網站中。

在ContentPlaceHolder內部，我有一個簡單的登錄表單。 問題是我正在使用圖像的onclick事件提交表單。 通常它很簡單，但是這次我遇到了問題。

<div id="login">
    <form action="index.aspx" method="post" id="nothingForm" name="nothingForm">
    </form>
    <form action="https://google.com.au" method="post" id="loginform" name="loginform">
        <input type="text" name="uname" value="username" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>
        <input type="password" name="pword" value="password" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>
    </form>
    <br /><img src="images/login.gif" alt="" onclick="document['loginform'].submit()" />    </div>

為了使onclick =“ document ['loginform']。submit（）”真正起作用，我必須粘貼另一種形式。 當然，情況並非如此，但是我無法在網絡上找到任何解決方案。

有人遇到過嗎？

Answer 1

您是否嘗試了document.getElementById("loginform").submit() ？ 我認為這樣做會更好，因為我從未見過像以前那樣可以訪問文檔本身上的元素。 可能是某種奇怪的副作用。

Answer 2

您的問題是該頁面已經具有圍繞所有代碼的表單。 表單不能嵌套，因此您的第一個表單標簽將被忽略，而它的end標簽將終止外部表單。

您必須將表單放置在現有表單之外。