表单未通过按钮上的 javascript 提交答案

【问题标题】：Form is not submitting via javascript on a button表单未通过按钮上的 javascript 提交
【发布时间】：2011-04-17 14:15:53
【问题描述】：

我的网站是使用已集成到 ASP.NET 网站中的 CSS/HTML 框架创建的。

在 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()" 真正起作用。当然，这不应该是这种情况，但我无法在网上找到任何解决方案。

以前有没有其他人遇到过这种情况？

【问题讨论】：

检查并查看您的内容占位符是否在表单内。这可能会导致表单提交问题...
为什么不使用服务器端控件呢？您使用的是 ASP.NET，有一个内置的登录小部件...
您的代码似乎可以工作，即使没有“nothingForm”。你能在公共网站或 JSBin.com 上重现这个问题吗？您是否在使用特定浏览器时遇到此问题？
我同意，这应该可以在没有空白表格的情况下使用。发布您的完整代码，问题（如果存在）可能在其他地方。
@EJC ContentPlaceHolder 在所需的 ASP.NET 表单内。

标签： javascript asp.net html css forms

【解决方案1】：

你试过document.getElementById("loginform").submit()吗？我认为这会更好，因为我以前从未见过有人像这样访问文档本身的元素。可能是某种奇怪的副作用。

【讨论】：

感谢您的回复。我确实尝试过，但没有运气。
...或 document.forms["form-id"].submit()

【解决方案2】：

您的问题是页面已经有一个围绕所有代码的表单。表单不能嵌套，所以你的第一个表单标签将被忽略，它的结束标签将结束外部表单。

您必须将您的表单放在已经存在的表单之外。

【讨论】：

成功了，谢谢 Guffa！从来没有想过要检查嵌套表单...