CODEWITHSUNDEEP
javascripthtml
Vladimir
Vladimir

Reputation: 21

Submitting form located within another form

Take a look at this html:

<head>
<title>Test page</title>
<script type="text/javascript">
    function submitForm() {
        document.getElementById("form2").submit();
     }
</script>
</head>
<body>
<form id="form1" name="form1">
    <input type="hidden" name="test1" value="test" />

    <form id="form2" name="form2" action="http://google.com">
        <input type="hidden" name="test2" value="nothing" />
    </form>
</form>
<a href="javascript:void(0)" onclick="submitForm()">Submit</a>
</body>

Thing I want to do is submitting form2 located within form1 with a javascript. I want this to be done by submitForm() function. The problem is that it doesn't appear to work. I'm using FireFox for testing and always get an error which says that it's undefined. Does anybody know how I can get it working? Thanks in advance!

Upvotes: 0

Views: 230

Answers (2)

Jonathan Feinberg
Jonathan Feinberg

Reputation: 45324

Well, given that you have no element with the ID "xxx", I could see where your script might have some difficulty. Perhaps you mean "form2"?

Upvotes: 0

Chris Newman
Chris Newman

Reputation: 2240

You can't nest HTML forms like that. End form1 before starting form2. Duplicate the hidden input if necessary.

Upvotes: 8

Related Questions