not redirecting to servlet page

when i am clicking on submit button it is not redirecting me to the SerRec page

<%@ page language="java" import="java.util.*;"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;">
<script language="javaScript" type="text/javascript" src="../js/calendar.js"></script>
<link href="../css/calendar.css" rel="stylesheet" type="text/css">
<script type="text/javascript"> 
function submitform() {

var sDate = new Date(startDate);
    var eDate = new Date(endDate);
    var comp = eDate - sDate;

if (comp <= 0)
    {
        alert("\"From\" Date should be less than \"To\" Date");
    }
else {  
      
   document.forms["myform"].submit();     
    }

}
</script>
</head>
<body>
<form name="myform" action="../servlet/SerRec" onsubmit ="return submitform()">
<table border='1' width='900' cellpadding='1' cellspacing='0'  style='background:no-repeat'>
<table border='1' width='900' cellpadding='1' cellspacing='0'>
<tr bgcolor='#CCCCCC'>
<td colspan='8' align='center' class='tdBold'>Application for LTC Advance</td>
</tr>
<tr>			
<td colspan='8' align='center'>
<table border='0' width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td colspan='2' align='center'> No.</td>
<td colspan='2' align='center'>Nearest Railway Station</td>
<td colspan='2' align='center'>Place of Visit</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan='8' align='center'>
<table border='0' width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td colspan='2' align='center'><input type="text" name="no" value="" ></td>
<td colspan='2' align='center'><input type="text" name="nrs" value=""></td>
<td colspan='2' align='center'><input type="text" name="pov" value=""></td>
</tr>
</table>
</td>
</tr>	
<tr>
<td colspan='8' align='center'>
<table border='0' width='80%' cellpadding='0' cellspacing='0'>
<tr>
<td>
Nature of Leave<select name="s1"><option value=0 selected>None</option>
<option value >Earned Leave</option>
<option value >Special CL</option>
<option value >Casual Leave</option>
</select></td>
<td>
<input type="text" value="From" readonly="true" name="datum1" id="fromDate">
    <a href="#" onClick="setYears(1947, 2008);
       showCalender(this, 'datum1');">
    <img src="../png/calender.png"></a> 
   		
   <input type="text" value="To" readonly="true" name="datum2" id="toDate">
    <a href="#" onClick="setYears(1947, 2008);
       showCalender(this, 'datum2');">
    <img src="../png/calender.png"></a>

</form></td></tr>
</table>
</td>
</tr>

</table>
</body>
</html>

in the footer of the page it is showing that it is redirecting to other page with values but actualy it is not performing any action.

You appear to have a nested form on your page. That would probably screw things up.
Don't nest <form> elements within eachother.

rather than using javascript to submit the form, I would recommend just using a standard input type="submit" button.
There is quite a bit of javascript on the page there for validation. Do any javascript errors show up when you click the button?

What does happen when you click the button?
Nothing?
Navigates to an error page?