js 记住我
- $(function(){
- $("#btn_login").click(function() {
- var anv=$("#an").val(); //登录名
- var pwv=$("#pw").val(); //登录密码
- if (anv=='' || /\'/g.test(anv)) { //判断登录名为空 或 用户名包含英文 ' 号
- alert('请填写账号!');
- return false;
- }
- if (pwv == '' || /\'/g.test(pwv)) { //判断密码为空 或 密码包含英文 ' 号
- alert('请填写密码!');
- return false;
- }
- $.get("loginupload.html?an="+anv+"&pw="+pwv,function(s){
- switch (s) {
- case "SYSTEM_RIGHT":
- window.location.href='/index.html';
- break;
- case "SYSTEM_RIGHT_AND_RESETPASSWORD":
- window.location.href='/ba/pwup.html?flag=2&goindex=true';
- break;
- case "SYSTEM_USERNAME_EMPTY":
- alert("用户名不能为空!");
- $("#an").focus();
- break;
- case "SYSTEM_PASSWORD_EMPTY":
- alert("密码不能为空!");
- $("#pw").focus();
- break;
- case "SYSTEM_USERNAME_NOT_EXIST":
- alert("不存在的用户名,请仔细核对!");
- $("#an").focus();
- break;
- case "SYSTEM_PASSWORD_ERROR":
- alert("不正确的密码!");
- $("#pw").focus();
- break;
- }
- });
- })
- $("btn_reset").click(function(){ //重置按钮事件
- $("#an").val("");
- $("#pw").val("");
- })
- $(document).keydown(function (e) { // 获取网页文档对象; 的键盘按下事件
- if (e.keyCode == 13) { // enter 键
- $("#btn_login").click();//键盘登录事件
- return false; //不执行下面语句
- };
- })
- var setcookie=function(){
- $.cookie('rememberme',"true",{expires:60}); //创建cookie 记住我; 值为true ;有效期为60天
- $.cookie('usrname',encodeURIComponent($("#an").val()),{expires:60}); //usrname 值为 用户名 有效期60天
- $.cookie('pwd',encodeURIComponent($("#pw").val()),{expires:60}); //pwd 值为密码 有效期60天
- }
- var clrcookie=function(){
- $.cookie('rememberme',"false"); //设置cookie记住我的值为false
- $.cookie('usrname',null); //删除cookie中的值
- $.cookie('pwd',null); //删除cookie中的值
- }
- //当更改用户名或密码后更新cookie
- $("#an,#pw").live("blur",function(){ //为用户名框和密码框添加 焦点离开事件
- if($("#rememberme").hasClass("remember")){ //获取a标签判断是否存在类名(remember)
- setcookie(); //存在 设置cookie
- }
- }).live("keyup", function () { //为用户名框和密码框添加 键盘事件
- if($("#an").val()!=""){ //判断用户名不等于空;
- setcookie(); //设置cookie
- console.log(this);
- $(this).addClass("remember"); //添加类
- }else{ //用户名等于空
- clrcookie(); //清除cookie
- $(this).removeClass("remember"); //移除类
- }
- })
- //当勾上“记住我”时保存cookie,否则清空
- $("#rememberme").live("click",function(){ //获取a标签对象, 为a标签绑定单击事件;
- if (!$(this).hasClass("remember")) { //这里的this 指向 触发事件的a标签 . hasClass()检查是否存在类名remember
- setcookie(); //不存在(hasClass()返回flase) 设置cookie
- $(this).addClass("remember"); //为a标签添加一个类
- }else{
- clrcookie(); // 存在 清除cookie,
- $(this).removeClass("remember");// 移除a标签的类(控制图片的类名)
- }
- });
- if ($.cookie('rememberme') == "true") { //窗体加载时候 读取cookie中rememberme的值是否等于true
- // $("#an").val("000");
- $("#an").val(decodeURIComponent($.cookie('usrname'))); //获取cookie中usrname的值进行解码;赋值到文本框
- //使用 decodeURIComponent() 对编码后的 URI 进行解码:
- $("#pw").val(decodeURIComponent($.cookie('pwd'))).focus(); //读取cookie的pwd的值赋值到密码框, 获得焦点
- $("#rememberme").addClass("remember");//添加一个a标签 class名
- } else {
- $("#an").focus(); //读取cookie中rememberme(记住我)的值为false;用户名获取焦点
- }
- // 创建一个cookie并设置有效时间为7天:
- //$.cookie('cookieName', 'cookieValue', { expires: 7 });
- //读取cookie:
- //$.cookie('cookieName'); // 若cookie存在则返回'cookieValue';若cookie不存在则返回null
- //删除cookie:把ncookie的值设为null即可
- //$.cookie('the_cookie', null);
- //获得焦点 事件
- // $("input").focus(function(){
- // $("input").css("background-color","#FFFFCC");
- //});
- //失去焦点
- //$("input").blur(function(){
- // $("input").css("background-color","#D6D6FF");
- //});
- })
js 记住我的更多相关文章
- 原生js记住密码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js记住密码
$(function () { if (getCookie("rmbUser") == "true") { $("#xuanzong") ...
- Javascript登录页面“记住密码”实现
JS记住密码实现效果: JavaScript Code 1234567891011121314151617181920212223242526272829303132 <!DOCTYPE ...
- ionic Modal
在ionic中,modal也是添加控制器写服务的~ 在modal.html页面中增加控制器:ng-controller="aboutCtrl"记住要给这个添加控制器.头部使其关闭按 ...
- 学习笔记-AngularJs(二)
在接下来学习angularjs中,我按照的就是之前 学习笔记-AngularJs(一)所讲的目录来搭建一个学习的项目,做一个互联网大佬人物简介的例子,当然也可以使用angualrjs上面提供的官方例子 ...
- javaweb笔记全套
Lesson 1 一.eclipse工具的使用 1. java代码的位置 1) 选择工作空间 workspace 选择一个文件夹存放程序(代码) 不要用中文和空格 2) 新建一个java 工程(Pr ...
- javaweb笔记分享
Lesson 1 一.eclipse工具的使用 1. java代码的位置 1) 选择工作空间 workspace 选择一个文件夹存放程序(代码) 不要用中文和空格 2) 新建一个java 工程(Pr ...
- JAVA web项目转客户端(nativefier)
1.环境:windows 2.下载node.js 3.安装mode.js;记住安装目录 4.命令行进入安装目录 5.执行语句: npm install nativefier –g 进行安装 6.新建空 ...
- jquery.cookie.js && java后台代码 操作cookie实现记住当前用户输入信息代码
下载jquery.cookie.js地址看这里:http://pan.baidu.com/s/1gdCPaN5 //初始化页面时验证是否记住了密码 $(document).ready(function ...
随机推荐
- mysql 数据的某个范围数据
select * from table_name where limit num1, num2; num1 : 开始条目 num2 :选择数目
- noip模拟赛 括号序列
题目描述LYK有一个括号序列,但这个序列不一定合法.一个合法的括号序列如下:()是合法的括号序列.若A是合法的括号序列,则(A)是合法的括号序列.若A和B分别是合法的括号序列,则AB是合法的括号序列. ...
- 请问spfa+stack 和spfa+queue 是什么原理
一个是bfs加迭代 一个是dfs加迭代 请问迭代是什么 就是不断地做,做到没有更优的解为止 或者是不断得做,做到逼近答案为止.. 栈比队列更快更节省空间
- xth 的玫瑰花(codevs 1360)
题目描述 Description 这天是rabbit 的生日前夕,Xth 来到花店,要给他的rabbit 买玫瑰花,为了保证质 量,他跟花店老板——小菜儿同学要求自己到花田采摘.小菜儿灰常希望早日见到 ...
- nyoj_8_一种排序_201311251238
一种排序 时间限制:3000 ms | 内存限制:65535 KB 难度:3 描述 现在有很多长方形,每一个长方形都有一个编号,这个编号可以重复:还知道这个长方形的宽和长,编 ...
- Android:让Link始终保持在程序的WebView中跳转
在Android的WebView中,当点击调用网页的链接时,默认的动作是跳转到系统设定的默认浏览器中.如果想让链接始终在当前WebView中跳转的话,就需要添加以下代码: WebView webVie ...
- HDU 5501
这题的01背包的特点很容易看出来,但其实发现,这个题讲究加入时候的顺序. 于是,用贪心排序,如代码中所示,如果A在B前面造成的分数损失更小,则排在前面...其实这个我也是猜的.. #include & ...
- 【JavaScript】离开页面前提示
离开页面前的提示不能够用onunload去做,由于它仅仅是兼容IE,你要兼容Google与FireFox就蛋疼了. 并且这个事件还是关闭之后才会触发的. 取而代之能够用onbeforeunload去实 ...
- [深入学习C#]输入输出安全性——可变类型形參列表的变化安全性
可变类型形參列表(variant-type-parameter-lists) 可变类型形參列表(variant-type-parameter-lists )仅仅能在接口和托付类型上出现.它与普通的ty ...
- webService总结(一)——使用CXF公布和调用webService(不使用Spring)
CXF和Axis2是两个比較流行的webService框架,接下来我会写几篇博客简介怎样使用这两种框架. 首先,先简介一下CXF的使用. CXF公布webService有多种方法.这里我介绍三种: 1 ...