下面实现一个经典的登录页面，有保存密码功能，页面上所有的控件都是html控件，没有服务器控件
1，新建一名为login.htm的静态网页文件，作为登录页面，如图
body标签代码
复制代码 代码如下:
<body onkeydown ="enterLogin()"> <!--添加按下键盘事件-->
<div>
<table cellpadding="1">
<tr>
<td
valign="middle">
用户名：</td>
<td valign="middle">
<input type="text" onblur ="checkuser()" /></td>
<td
valign="middle"><img src="" id ="imgCheck" style = "visibility :hidden; "/ ><span id ="unMessage">
</span></td>
</tr>
<tr>
<td
valign="middle">
密码：</td>
<td valign="middle">
<input type="password" /></td>
<td
valign="middle"><span id ="pwdMessage"></span>
</td>
</tr>
<tr>
<td colspan="3" valign="middle">
<input type="checkbox" />记住密码一个月</td>
</tr>
<tr>
<td colspan="3" valign="middle">
<input type="button" value="登录" onclick ="login()" />
<input type="button" value="重置" onclick ="reset()" /></td>
</tr>
</table>
</div>
</body>
2，在login.htm中引入外部js代码
其中aj.js为ajax封装的类，loginCookie.js为对Cookie操作的代码
aj.js代码如下
loginCookie.js代码如下
3，写login.htm页面中的js代码，放在head标签之间
4，新建一名为login.aspx的页面，该页面作为ajax请求的页面，login.aspx.cs代码如下
5，新建一名为loginIndex.htm的静态页面，作为用户登录之后的首页
其body标签代码如下
6，在loginIndex.htm页面引入loginCookie.js文件
7，写loginIdex.htm页面的js代码，放在head标签之间
8，完成，客户端代码较多，但是交互性很好
演示如下：
当输入完用户名，鼠标光标离开用户名框之后，系统会快速检验用户名是否合法
进入首页后，出现的窗口，带有当前登录的用户和注销按钮
当用户点击注销按钮时，会友情提示你是否真的注销
当你不是输入用户和密码登陆，也是直接在浏览器地址栏中输入首页网址的时候，系统会提示你没有登录，并直接返回到登陆页面。
当用户输入了有效的用户名和密码，并要求系统记住密码，用户下次进入到登录页面时，系统会把上次记住的用户名和密码显示在输入框中。。
并且这个时候直接在浏览器的地址栏中输入首页地址，也是能正常访问的。
4，新建一名为login.aspx的页面，该页面作为ajax请求的页面，login.aspx.cs代码如下
5，新建一名为loginIndex.htm的静态页面，作为用户登录之后的首页
其body标签代码如下
6，在loginIndex.htm页面引入loginCookie.js文件
7，写loginIdex.htm页面的js代码，放在head标签之间
8，完成，客户端代码较多，但是交互性很好
演示如下：
当输入完用户名，鼠标光标离开用户名框之后，系统会快速检验用户名是否合法
进入首页后，出现的窗口，带有当前登录的用户和注销按钮
当用户点击注销按钮时，会友情提示你是否真的注销
当你不是输入用户和密码登陆，也是直接在浏览器地址栏中输入首页网址的时候，系统会提示你没有登录，并直接返回到登陆页面。
当用户输入了有效的用户名和密码，并要求系统记住密码，用户下次进入到登录页面时，系统会把上次记住的用户名和密码显示在输入框中。。
并且这个时候直接在浏览器的地址栏中输入首页地址，也是能正常访问的。
新闻热点
疑难解答
图片精选
