表单不在按钮上通过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标签将终止外部表单。

您必须将表单放置在现有表单之外。