Форма не отправляется через 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

Ваша проблема в том, что на странице уже есть форма вокруг всего кода. Формы не могут быть вложенными, поэтому ваш первый тег формы будет проигнорирован, а его конечный тег завершит внешнюю форму.

Вы должны разместить свою форму за пределами уже существующей формы.