`
JavaSam
  • 浏览: 950174 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript(JS)记住用户名和密码 (应该自己写个通用的组件)

 
阅读更多
//coder:LinQifo 2007.11.5

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>js cookie Demo 记住用户名和密码</title>
    
<script>

function rememberUser()
{  //userName1=userName;Pwd=password   
    if(document.cookie !="")
    
{          
     alert( getCookie(
'userName'));
     alert( getCookie(
'password'));
     
//下面这两句就是用来记住用户名和密码了
//
     document.getElementById ('TextBox1').value=getCookie('userName');
//
     document.getElementById ('TextBox2').value=getCookie('password');    
    }

}

// 用正则表达式将前后空格,用空字符串替代(PS:因为js没有现成的trim,所以要加上这个)
String.prototype.trim   = function()   
{       
     
return   this.replace(/(^s*)|(s*$)/g,   "");   
}

function getCookie(objName)//获取指定名称的cookie的值
{    
    
var arrStr = document.cookie.split(";");
    
        
for(var i = 0;i < arrStr.length;i++)
            
{
                
var temp = arrStr[i].split("=");
                
if(objName.trim()==temp[0].trim()) //此处如果没有去掉字符串空格就不行,偶在这里折腾了半死,主要是这种错误不好跟踪啊
                {                
                
return temp[1];
                }
                            
            }

}


function setCookie()//设置cookie
{
if((document.getElementById ('TextBox1').value!="")&&(document.getElementById ('TextBox2').value!=""))
{
 document.cookie 
="userName="+document.getElementById ('TextBox1').value;
 document.cookie 
="password="+document.getElementById ('TextBox2').value;
 }

}

</script>
</head>
<body  onload =rememberUser()>
    
<form id="form1" runat="server">
    
<div>
        
<asp:TextBox ID="TextBox1" runat="server" Width="120px" EnableViewState="False"></asp:TextBox>
        
<br />
        
<br />
        
<asp:TextBox ID="TextBox2" runat="server" Width="120px" EnableViewState="False"></asp:TextBox><br />
        
<br />
        
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="setCookie()"/></div>
    
</form>
</body>
</html

分享到:
评论

相关推荐

    用户注册登录系统(含用户名密码验证码验证)

    - 用户填写注册信息,包括用户名和密码。密码通常需要进行加密处理以增强安全性。在这个例子中,密码使用MD5算法进行哈希处理,MD5是一种常见的密码存储方式,虽然不完全安全,但能提供一定程度的保护。 - 当用户...

    Extjs表单中的通用组件

    本文将重点介绍Extjs表单中的各种通用组件,包括文本框、单选按钮、多选按钮、下拉列表和日期选择器等,这些组件在实际开发中极为常见。 ### 文本框(TextField) 文本框是最基本的输入组件,允许用户输入文本数据...

    Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述

    Web客户端统一验证JavaScript函数库组件是前端开发中一个至关重要的工具,它主要用于在用户提交数据前进行实时的数据验证,确保输入的信息符合预期的格式和规则,从而提高用户体验并减轻服务器端的压力。JavaScript...

    用户名验证

    在给定的`applicationContext.xml`中,我们看到Spring被用来管理应用程序的bean,包括数据源和会话工厂的配置,这些都是实现用户名验证所必需的基础组件。 - **Hibernate**:Hibernate是一个ORM(Object-Relational...

    js validator通用函数及实例

    例如,如果你正在创建一个需要用户注册的网站,你可以用`isEmail`来验证用户提供的邮箱地址是否合法,用`isAlpha`检查用户名是否只包含字母,用`isNumeric`验证密码中是否包含非数字字符,以及用`maxLength`和`...

    简单通用登录页面模板 bootstrap登录页面 html页面

    这个模板提供了一个基础的登录表单,包括用户名和密码输入框,通常还会有“记住我”选项、密码找回链接以及登录按钮。设计时,要考虑表单的布局,确保元素间距适当,视觉效果舒适。 3. **表单验证** 表单验证是...

    管理系统后台通用模板

    页面通常包括用户名和密码输入框、登录按钮以及可能的验证码或忘记密码链接。设计时需要考虑用户体验,如输入验证、错误提示以及安全性,防止SQL注入等攻击。 接着是“xt.html”,“xt”可能是“系统”或“信息”的...

    通用后台管理系统(web)

    此外,登录页面作为系统的入口,通常会包含用户名和密码输入框,以及登录按钮,可能还会有验证码或者记住我等功能,以确保用户身份的安全验证。主界面则是用户登录后的首屏,通常展示关键的业务指标和快捷操作入口,...

    自动登录通用系统

    当用户首次登录后,系统通常会存储一个安全的会话标识(如Session ID或Cookie),并在后续的请求中携带这个标识以验证用户的身份,从而实现无须再次输入用户名和密码的自动登录。这涉及到网络协议(如HTTP和HTTPS)...

    简单通用后台管理框架模板

    登录页可能包含用户名和密码输入框,登录按钮,以及可能的错误提示信息;后台首页可能有侧边栏菜单、顶部导航、主要内容区域等,这些都需要通过HTML来布局,CSS来美化,而jQuery则可以用来处理菜单的展开和收起、...

    ASP通用模块及典型系统开发实例导航.rar

    例如,用户登录模块通常会包含检查用户名和密码、处理会话、重定向等功能,而数据库连接模块则负责建立与数据库的链接,执行SQL语句并处理结果。 在这个压缩包中,你可以找到各种各样的通用模块示例,这些示例代码...

    layui企业网站后台管理通用模板

    1. 登录页面:这是用户进入系统的第一步,通常包含用户名、密码输入框和登录按钮,可能还会有验证码或记住我等功能。 2. 首页:展示系统的整体状态,如待办事项、公告等,同时也是导航菜单的入口。 3. 导航菜单:...

    帝国cms7.5 utf-8版通用api数据接口

    【帝国CMS7.5 UTF-8版通用API数据接口】是针对帝国CMS内容管理系统的一个功能扩展,主要用于实现网站数据的远程调用和交互。这个版本的API接口支持UTF-8编码,确保了多语言环境下的数据正确性。下面将详细阐述相关...

    通用型的管理系统登陆界面

    1. **用户体验设计**:登录界面需要简洁明了,让用户一眼就能找到输入用户名和密码的地方。此外,界面应具有良好的可读性和易用性,例如字体大小适中,颜色对比明显,按钮操作明确。 2. **表单设计**:登录界面的...

    后台管理通用模板

    这样的模板通常包含一系列预设的页面、组件和样式,能够快速搭建起一个功能完善的后台管理界面,节省开发时间和成本。 在设计上,后台管理通用模板往往遵循响应式布局,以适应不同设备的屏幕尺寸,包括桌面、平板和...

    仿小米用户登录弹窗

    这个框架由几个主要的部分组成:弹窗容器(通常使用`div`元素)、登录表单(包含用户名和密码输入框以及登录按钮)、以及可能的其他元素如提示信息或注册链接。HTML代码需要清晰地定义这些元素,以便JavaScript能够...

    个人网站通用程序

    【个人网站通用程序】是构建独立在线存在的重要工具,它为个人提供了一个展示自我、分享信息和交流思想的平台。这个程序集成了多种关键功能,适用于广泛的个人网站需求。通过【Global.asax】文件,我们可以了解网站...

    电子商务平台后台管理模板

    例如,登录页面可能会用JavaScript验证用户名和密码的输入是否有效,或者在后台页面中,管理员可以通过JavaScript驱动的表格进行数据排序和过滤。 4. PSD源文件:Photoshop Document(PSD)是Adobe Photoshop的原始...

    ASP.net 带验证码的极其漂亮美观多项目可通用登陆界面。

    6. **多项目通用性**:为了使登录界面适用于多个项目,代码可能采用了模块化和组件化的设计。这意味着登录界面可以作为一个独立的用户控件或视图组件,只需简单地将其引入到其他项目中,就可以根据需要调整项目名称...

    uni-app通用注册页面,静态页面,二次开发

    综上所述,uni-app通用注册页面涉及的技术点包括前端框架uni-app、Vue.js的基础知识、表单设计与验证、网络请求、错误处理、路由管理、UI组件使用、状态管理和跨平台适配等。开发者可以通过这两个注册页面模板,结合...

Global site tag (gtag.js) - Google Analytics