HTML form submission lead to blank page in IE11
Question
I have a web application created on dot net 4.0 framework where UI is done with html pages.But recently we are facing issue on form submission on IE 11 browser.The moment we submit form it turn out to be blank page.For other browsers(Chrome,firefox),even lowers version of IE its working fine.
The interesting part of this issue is when I run the application on debug mode (by clicking f12) it just works fine.
Does anyone have idea why this is happening?
<html>
<head>
<title>xyz</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript" language="javascript">
<!--
window.name = "__xyz_APP_WINDOW____";
// -->
</script>
<script language='JavaScript' src='scripts/adminmenu.js'></script>
<script language='JavaScript' src='scripts/utilities.js'></script>
<script language='JavaScript' src='scripts/toolTips.js'></script>
<link rel="stylesheet" href="styles/backoffice.css" type="text/css">
<link rel="stylesheet" href="styles/screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="styles/print.css" type="text/css" media="print">
<script language="javascript" type="text/javascript" src="scripts/jquery-min.js"></script>
<script language="JavaScript">
<!--
function checkFormData()
{
do
{
var el = getForm().elements["uid"];
if (!trimAll(el.value).length) break;
el = getForm().elements["pwd"];
if (!trimAll(el.value).length) break;
getForm().elements["_tz_offset"].value = (new Date()).getTimezoneOffset().toString();
return true;
} while(0);
alert(errorMessage[el.name]);
el.focus();
return false;
}
var errorMessage = new Array();
errorMessage["uid"] = "Please enter a Login ID";
errorMessage["pwd"] = "Please enter a password";
function handleEnter(anElement)
{
if (13 == self.event.keyCode)
{
if ("uid" == anElement.name)
{
anElement.form.elements["pwd"].focus();
}
else if ("pwd" == anElement.name)
{
if (checkFormData()) anElement.form.submit();
}
self.event.returnValue = false;
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" background="images/bkgd_BackOffice.gif" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="DetailBody" onLoad="getForm().elements['uid'].focus();">
<form name='adminForm' method='POST' onsubmit="return checkFormData()" >
<input type="hidden" name="CurrentPage" value="admin_login"/>
<input type="hidden" name="TargetPage" value="admin_index"/>
<input type="hidden" name="_tz_offset" />
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><img src="images/spacer.gif" width="3" height="1"></td>
</tr>
<tr>
<td><img src="images/masthead_BackOffice_OSP03.jpg" width="800" height="100"></td>
</tr>
</table>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td align="center">
<table width="60%" border="0" cellpadding="10" cellspacing="0">
<tr>
<td>
<p class="h1">Back Office Login</p>
<p>The Back Office is reserved </p>
<script type ="text/javascript" language="JavaScript">
<!--
var correctBrowser = ((BrowserDetect.browser == "Safari" || BrowserDetect.browser == "Chrome") && BrowserDetect.OS == "Mac") ||
((BrowserDetect.browser == "Explorer" || BrowserDetect.browser == "Chrome") && BrowserDetect.OS == "Windows");
//var correctBrowser = (BrowserDetect.browser == "Safari" && BrowserDetect.OS == "Mac") || (BrowserDetect.browser == "Explorer" && BrowserDetect.OS == "Windows");
var IsIE10OrIE11 =(BrowserDetect.browser == "Explorer" && BrowserDetect.OS == "Windows" && (BrowserDetect.version=="10" || BrowserDetect.version=="11" ));
if (!correctBrowser) {
document.write('<p><b><font color="#CC3333">PLEASE NOTE:</font></b> you are currently using <b>' + BrowserDetect.browser + ' ' + BrowserDetect.version + '</b> on <b>' + BrowserDetect.OS + '</b>. The OrderStream Pro Back Office works best with <a href="https://www.google.com/intl/en/chrome/browser/" target="_blank"><b>Chrome</b></a>.</p>');
}
if (IsIE10OrIE11) {
document.write('<p><b><font color="#CC3333">PLEASE NOTE :</font></b> you are currently using <b>' + BrowserDetect.browser + ' ' +
BrowserDetect.version + '</b> on <b>' + BrowserDetect.OS + '</b>. This browser is not compatible for reporting tools but can be easliy made compatible.<a href="Instruction.htm" target="_blank"><b>Click here </b></a> to see the instruction for making it compatible. </p>');
}
// -->
</script>
<table cellpadding="2" cellspacing="0" border="0" align="center">
<!--vx_ErrorTextStart-->
<tr>
<td align="right"> </td>
<td><b><font color="#CC3333">^vx_ErrorText^ </font></b></td>
</tr>
<!--vx_ErrorTextEnd-->
<tr>
<td align="right"><b>Login ID: </b></td>
<td >
<input name="uid" maxlength="65" onFocus="select()" onKeyPress="handleEnter(this)" tabindex="1" style="width:120px;" value="^vx_uid^" size="10">
</td>
</tr>
<tr>
<td align="right"><b>Password: </b></td>
<td>
<input name="pwd" autocomplete="off" maxlength="65" onFocus="select()" type="password" onKeyPress="handleEnter(this)" style="width:120px;" size="10" tabindex="2">
</td>
</tr>
<tr>
<td></td>
<td><a href="javascript:getPage('admin_forgot')">forgot
your password?</a></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" name="Submit" value="Submit" class="buttonBlue8pt" tabindex="4">
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
<tr>
<td align="center">
<div><iframe src="Footer.htm" frameborder="0" width="100%" ></iframe></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<!--monitormarker-login-->
</body>
</html>
1 answers
solution1
1 2014-06-04 09:44:22
The best solution for this kind of issues is using the Developer Console in browser (in this case IE 11 by pressing F12).
Load the page in IE with open developer tools (F12) in Network tab (Ctrl+4). Don't forget to enable Network traffic capturing by clicking the Run button in top of the toolbar or simply hit the F5 key.
Double click on the URL with error and then see the response body for details.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Meteor - IE11 displays a blank page
Keep HTML instead of showing a blank page when trying to load corrupted JS in IE11
HTML Javascript window.open() and href _blank doesn't work in IE11
react app works fine in chrome and other browsers but returns blank page on IE11
Why does my vue web app load a blank page in IE11 and look broken in Edge?
form validation in ie11 with angular
Restrict form input in IE11
Form is being submitted in IE11
HTML5 Video Not Working, IE11
HTML checkbox onclick not working in IE11
Related Tags