DaniWeb IT Discussion Community - Cannont submit form which holds another form inside it (Works on FF, but not on IE)

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/)

- JavaScript / DHTML / AJAX (http://www.daniweb.com/forums/forum117.html)

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

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

<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

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

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

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

dont nest forms

Quote:

(i must do it this way)

what actually you want to do ?

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

Thanks 4 the reply...

Quote:

Originally Posted by DangerDev (Post 544963)

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

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

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

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

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

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

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

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