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

<form name="submitPage" action="package.servletName">
<table border="0" id="tblClass">
                <td><center>Class ID</center></td>
                <td><center>Life Cycle State</center></td>
                <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>
<form name="ieBad">
<table border="0" id="tblRevision1">
                <td><center>Event ID</center></td>
                <td><center>Event Format</center></td>
                <td><center>Event Data</center></td>
                <td><input type="text" name="reqEventID1" value="-" /></td>
                <td><input type="text" name="EventFormat1" value="-" /></td>
                <td><input type="text" name="reqEventData1" value="-" /></td>
<button name="Add" value="submit" type="submit" >Add</button>

Any Ideas?

Thanks ahead!


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

dont nest forms

(i must do it this way)

what actually you want to do ?

Thanks 4 the reply...

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

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

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

<script type='text/javascript'>
	function clickMe()
		document.getElementById('txt_id').value="hi how are you";
<input type='text' id='txt_id'/>
<input type='button' value='click me!' onclick='clickMe()'/>


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.... :)

Somebody pls help me. I'm having the same problem... Vedmack how did you get it working?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.