下面实现一个经典的登录页面，有保存密码功能，页面上所有的控件都是html控件，没有服务器控件
1，新建一名为login.htm的静态网页文件，作为登录页面，如图
body标签代码
<scripttype="text/javascript">
window.onload=function()
{
if(GetCookie('user_name')==null||GetCookie('user_pwd')==null)//如果没有登录,而是直接在网页中输入网址的
{
alert('你还没有登录！\n返回到登陆页面。');
window.navigate("login.htm");
}
else
{
varuname=GetCookie('user_name');
document.getElementById('username').innerHTML="欢迎你："+uname+" <ahref='#'onclick='off()'>注销</a>";//提供"注销"按钮
}
}
functionoff()//注销事件
{
if(window.confirm("你真要注销吗？"))
{
Delcookie("user_name");
Delcookie("user_pwd");
window.navigate("login.htm");
}
}
</script>
8，完成，客户端代码较多，但是交互性很好
演示如下：
当输入完用户名，鼠标光标离开用户名框之后，系统会快速检验用户名是否合法
进入首页后，出现的窗口，带有当前登录的用户和注销按钮
当用户点击注销按钮时，会友情提示你是否真的注销
当你不是输入用户和密码登陆，也是直接在浏览器地址栏中输入首页网址的时候，系统会提示你没有登录，并直接返回到登陆页面。
当用户输入了有效的用户名和密码，并要求系统记住密码，用户下次进入到登录页面时，系统会把上次记住的用户名和密码显示在输入框中。。并且这个时候直接在浏览器的地址栏中输入首页地址，也是能正常访问的。
网站建设 IT知识 IT知识教程 一款经典的ajax登录页面 后台asp.net 
最新文章
热门文章
猜你喜欢
