Form is not submitting via javascript on a button

Question

My website has been created with a CSS/HTML frame work that has been integrated into an ASP.NET website.

Inside of a ContentPlaceHolder, I have a simple login form. The catch is that I am using the onclick event of an image to submit the form. It normally works pretty straight forward, but this time I am having an issue.

<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>

I have to stick another form before the real form to make onclick="document['loginform'].submit()" actually work. This should not be the case, of course, but I was unable to find any solutions to it on the web.

Has anyone else come across this before?

Check and see if your content place holder is inside a form. That can cause form submit issues... — EJC
– EJC, Commented Sep 27, 2010 at 4:11
Why not use Server side controls anyway? You're using ASP.NET, there's a built in login widget... — EJC
– EJC, Commented Sep 27, 2010 at 4:16
You're code seems to work, even without the "nothingForm". Can you reproduce the problem on a public site or on JSBin.com? Are you having this problem with a particular browser? — brianpeiris
– brianpeiris, Commented Sep 27, 2010 at 4:27
I agree, this should work w/o the blank form. Post your full code, the problem (if one exists) is probably elsewhere. — vol7ron
– vol7ron, Commented Sep 27, 2010 at 4:31
@EJC The ContentPlaceHolder is inside of the required ASP.NET form. — Robert
– Robert, Commented Sep 27, 2010 at 4:51

Aishwar · Accepted Answer · 2010-09-27 04:27:11Z

2

Did you try out document.getElementById("loginform").submit()? I would think this is better, since I have never seen anyone access elements on the document itself like that before. May be some kind of strange side effect.

edited Sep 27, 2010 at 4:27

answered Sep 27, 2010 at 4:15

Aishwar

9,75412 gold badges63 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Robert Over a year ago

Thanks for your response. I did try that with no luck.

secretwep Over a year ago

...or document.forms["form-id"].submit()

Guffa · Accepted Answer · 2010-09-27 04:54:08Z

1

Your problem is that the page already has a form around all the code. Forms can not be nested, so your first form tag will be ignored, and it's end tag will end the outer form.

You have to place your form outside the already existing form.

answered Sep 27, 2010 at 4:54

Guffa

703k111 gold badges760 silver badges1k bronze badges

1 Comment

Robert Over a year ago

That did the trick, thanks Guffa! Never would have thought to check for nested forms...

Collectives™ on Stack Overflow

Form is not submitting via javascript on a button

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related