页面代码如下:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<link href="../../css/style.css" rel="stylesheet" type="text/css" />
<script language="javascript">
function ChangeValidCode()
{
document.getElementById("IMG1").src='../../Components/ValiadCode1.aspx';
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="267" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF" height="145">
<tr>
<td style="width: 69px"><div align="right">用户名: </div></td>
<td>
<input id="tbUserCode" type="text" runat="server" maxlength="36" class="inputBlur" οnblur="this.className='inputBlur'" οnfοcus="this.className='inputFocus'" style="width:140px; height:17px;"/>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
ControlToValidate="tbUserCode"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="width: 69px"><div align="right">密 码: </div></td>
<td><input id="tbUserPwd" type="password" runat="server" maxlength="10" class="inputBlur" οnblur="this.className='inputBlur'" οnfοcus="this.className='inputFocus'" style="width:140px; height:17px;"/>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*" ControlToValidate="tbUserPwd"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td style="width: 69px"><div align="right">验证码: </div></td>
<td><input id="tbValidCode" type="text" maxlength="4" runat="server" class="inputBlur" οnblur="this.className='inputBlur'" οnfοcus="this.className='inputFocus'" style="width:43px; height:17px;"/>
<img src="../../Components/ValiadCode1.aspx" name="IMG1" border="0" align="middle" id="IMG1" runat="server" /> <a href="javascript:ChangeValidCode();" title="看不清?点击更换显示验证码">看不清?</a>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="tbValidCode"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td colspan="2" align="center" height="33">
<input id="ibtnLogin" type="submit" runat="server" value="登 录" onserverclick="ibtnLogin_ServerClick" class="btn_L1" onMouseOver="this.className='btn_L2'" onMouseOut="this.className='btn_L1'"/>
<input id="Button1" type="reset" runat="server" value="取 消" class="btn_L1" onMouseOver="this.className='btn_L2'" onMouseOut="this.className='btn_L1'" />
</td>
</tr>
<tr id="trError">
<td colspan="2" align="center">
<asp:Label ID="lblCodeError" runat="server" Text="验证码错误!" ForeColor="red" Visible="false"></asp:Label>
<asp:Label ID="lblPwdError" runat="server" Text="用户名或密码错误!" ForeColor="red" Visible="false"></asp:Label></td>
</tr>
</table>
</div>
</form>
</body>
</html>
在点击“看不清”切换验证码时,验证码却不变化。
查找资料原来是页面缓存引起的。
解决办法:在url后边在加上一段话来改变提交时间。
例如 :
var newUrl = "原url"+"&timeStamp="+new Date().getTime();
例如 :
var newUrl = "原url"+"&timeStamp="+new Date().getTime();
或者
在IE设置中"检查所有网页的较新版本"构选"每次访问网页时检查"即可以达到目的了