Cannont submit form which holds another form inside it (Works on FF, but not on IE)

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 427,194 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,145 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1566 | Replies: 6 | Solved

•

Join Date: Feb 2008

Posts: 40

Reputation: vedmack is an unknown quantity at this point

Rep Power: 1

Solved Threads: 0

vedmack

Offline

Light Poster

Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Feb 25th, 2008

Hi
Im trying to submit a form , which holds another form tags inside (i must do it this way)
the problem is that this doesn't work on IE, while it works perfect on Firefox

the button seems to have no effect on the page... its like it is not connected to the form....

this is how the page looks like ( i minimized it to show here...)

I did tryed to change the button to input type=submit... but it doesn't work also....

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<form name="submitPage" action="package.servletName">
<table border="0" id="tblClass">
            <tbody>
            <tr>
                <td><center>Class ID</center></td>
                <td><center>Life Cycle State</center></td>
                <td><center>VSSite</center></td>
                <td><center>Condition</center></td>
            </tr>
            <tr>
                <td><input type="text" name="reqClassId" value="-" /></td>
                <td><input type="text" name="reqLifeCycleState" value="-" /></td>
                <td><input type="text" name="reqVSSite" value="-" /></td>
                <td><input type="text" name="reqCondition" value="-" /></td>
            </tr>
            </tbody>
        </table>
<form name="ieBad">
<table border="0" id="tblRevision1">
            <tbody>
            <tr>
                <td><center>Event ID</center></td>
                <td><center>Event Format</center></td>
                <td><center>Event Data</center></td>
            </tr>
            <tr>
                <td><input type="text" name="reqEventID1" value="-" /></td>
                <td><input type="text" name="EventFormat1" value="-" /></td>
                <td><input type="text" name="reqEventData1" value="-" /></td>
            </tr>
            </tbody>
</table>
</form> 
<button name="Add" value="submit" type="submit" >Add</button>
</form>
 
Any Ideas?
 
Thanks ahead!
 
Daniel
<form name="submitPage" action="package.servletName">
<table border="0" id="tblClass">
            <tbody>
            <tr>
                <td><center>Class ID</center></td>
                <td><center>Life Cycle State</center></td>
                <td><center>VSSite</center></td>
                <td><center>Condition</center></td>
            </tr>
            <tr>
                <td><input type="text" name="reqClassId" value="-" /></td>
                <td><input type="text" name="reqLifeCycleState" value="-" /></td>
                <td><input type="text" name="reqVSSite" value="-" /></td>
                <td><input type="text" name="reqCondition" value="-" /></td>
            </tr>
            </tbody>
        </table>
<form name="ieBad">
<table border="0" id="tblRevision1">
            <tbody>
            <tr>
                <td><center>Event ID</center></td>
                <td><center>Event Format</center></td>
                <td><center>Event Data</center></td>
            </tr>
            <tr>
                <td><input type="text" name="reqEventID1" value="-" /></td>
                <td><input type="text" name="EventFormat1" value="-" /></td>
                <td><input type="text" name="reqEventData1" value="-" /></td>
            </tr>
            </tbody>
</table>
</form> 
<button name="Add" value="submit" type="submit" >Add</button>
</form>

Any Ideas?

Thanks ahead!

Daniel

•

Join Date: Apr 2007

Location: Birmingham

Posts: 378

Reputation: Fungus1487 is an unknown quantity at this point

Rep Power: 2

Solved Threads: 37

Fungus1487 Fungus1487 is offline

Offline

Posting Whiz

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Feb 25th, 2008

you cannot nest a form within a form as set by w3c.

When Autumn Falls [ http://www.whenautumnfalls.co.uk ] &&
Designdotworks [ http://www.designdotworks.co.uk ] Web / Graphic / Software Design

•

Join Date: Jan 2008

Location: Bangalore, India

Posts: 336

Reputation: DangerDev is an unknown quantity at this point

Rep Power: 0

Solved Threads: 32

DangerDev

Offline

Posting Whiz

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Feb 25th, 2008

dont nest forms

•

(i must do it this way)

what actually you want to do ?

A computer lets you make more mistakes faster than any invention in human history - with the possible exceptions of handguns and tequila.
~Mitch Ratcliffe

•

Join Date: Feb 2008

Posts: 40

Reputation: vedmack is an unknown quantity at this point

Rep Power: 1

Solved Threads: 0

vedmack

Offline

Light Poster

Re: Cannont submit form which holds another form inside it (Works on FF, but not on I

Feb 25th, 2008

Thanks 4 the reply...

•

Originally Posted by DangerDev

dont nest forms

what actually you want to do ?

I'm adding dynamically using js a table with two tr which holds several td's

i must enter this table under other table (which is present from the first time as default)

unlsess i surround the default table with a form tag i wont be able to add the new table underneath it by using "tabBodyRev=document.forms[2];"

the problem is that "tabBodyRev=document.getElementById("tblRevision1");" doesnt work in IE... it works fine in FF but when i try to do browse it with IE it doesnt work, and the "tabBodyRev=document.forms[2];" is the only thing that works....

•

Join Date: Apr 2007

Location: Birmingham

Posts: 378

Reputation: Fungus1487 is an unknown quantity at this point

Rep Power: 2

Solved Threads: 37

Fungus1487 Fungus1487 is offline

Offline

Posting Whiz

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Feb 25th, 2008

There is a problem with your javascript code somewhere as "document.getElementById" is perfectly fine for obtaining a table element with an ID.

When Autumn Falls [ http://www.whenautumnfalls.co.uk ] &&
Designdotworks [ http://www.designdotworks.co.uk ] Web / Graphic / Software Design

•

Join Date: Jan 2008

Location: Bangalore, India

Posts: 336

Reputation: DangerDev is an unknown quantity at this point

Rep Power: 0

Solved Threads: 32

DangerDev

Offline

Posting Whiz

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Feb 25th, 2008

ok
getElementById works fine in IE and FF. just check your js code.
see one example:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<html>
<head>
<script type='text/javascript'>
	function clickMe()
	{
		document.getElementById('txt_id').value="hi how are you";
	}
</script>
</head>
<body>
<input type='text' id='txt_id'/>
<input type='button' value='click me!' onclick='clickMe()'/>
 
</body>
</html>
<html>
<head>
<script type='text/javascript'>
	function clickMe()
	{
		document.getElementById('txt_id').value="hi how are you";
	}
</script>
</head>
<body>
<input type='text' id='txt_id'/>
<input type='button' value='click me!' onclick='clickMe()'/>

</body>
</html>

A computer lets you make more mistakes faster than any invention in human history - with the possible exceptions of handguns and tequila.
~Mitch Ratcliffe

•

Join Date: Feb 2008

Posts: 40

Reputation: vedmack is an unknown quantity at this point

Rep Power: 1

Solved Threads: 0

vedmack

Offline

Light Poster

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Feb 26th, 2008

Thx alot 4 the replys , the reason i think that its not js error is cause the code works perfect in FF and when i checked the page with IE, it did not work at all... i figured what was the problem...
IE and FF acts differently when generating/appending new tables with js...

Thanx again.. solved....

•

Only community members can participate in forum threads. You must register or log in to contribute.

•

DaniWeb JavaScript / DHTML / AJAX Marketplace

•

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

•

Thread Tools	Display Modes
Show Printable Version Email this Page	Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: Quick help w/ JavaScript clearing text
Next Thread: problem for javascript

DaniWeb Home > Forums > Web Development > JavaScript / DHTML / AJAX

Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Re: Cannont submit form which holds another form inside it (Works on FF, but not on I

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)

Re: Cannont submit form which holds another form inside it (Works on FF, but not on IE)