1. $(function(){
  2.  
  3. $("#btn_login").click(function() {
  4.  
  5. var anv=$("#an").val(); //登录名
  6. var pwv=$("#pw").val(); //登录密码
  7. if (anv=='' || /\'/g.test(anv)) { //判断登录名为空 或 用户名包含英文 ' 号
  8. alert('请填写账号!');
  9. return false;
  10. }
  11.  
  12. if (pwv == '' || /\'/g.test(pwv)) { //判断密码为空 或 密码包含英文 ' 号
  13. alert('请填写密码!');
  14. return false;
  15. }
  16.  
  17. $.get("loginupload.html?an="+anv+"&pw="+pwv,function(s){
  18. switch (s) {
  19. case "SYSTEM_RIGHT":
  20. window.location.href='/index.html';
  21. break;
  22. case "SYSTEM_RIGHT_AND_RESETPASSWORD":
  23. window.location.href='/ba/pwup.html?flag=2&goindex=true';
  24. break;
  25. case "SYSTEM_USERNAME_EMPTY":
  26. alert("用户名不能为空!");
  27. $("#an").focus();
  28. break;
  29. case "SYSTEM_PASSWORD_EMPTY":
  30. alert("密码不能为空!");
  31. $("#pw").focus();
  32. break;
  33. case "SYSTEM_USERNAME_NOT_EXIST":
  34. alert("不存在的用户名,请仔细核对!");
  35. $("#an").focus();
  36. break;
  37. case "SYSTEM_PASSWORD_ERROR":
  38. alert("不正确的密码!");
  39. $("#pw").focus();
  40. break;
  41. }
  42. });
  43. })
  44.  
  45. $("btn_reset").click(function(){ //重置按钮事件
  46. $("#an").val("");
  47. $("#pw").val("");
  48. })
  49.  
  50. $(document).keydown(function (e) { // 获取网页文档对象; 的键盘按下事件
  51. if (e.keyCode == 13) { // enter 键
  52. $("#btn_login").click();//键盘登录事件
  53. return false; //不执行下面语句
  54. };
  55. })
  56.  
  57. var setcookie=function(){
  58. $.cookie('rememberme',"true",{expires:60}); //创建cookie 记住我; 值为true ;有效期为60天
  59. $.cookie('usrname',encodeURIComponent($("#an").val()),{expires:60}); //usrname 值为 用户名 有效期60天
  60. $.cookie('pwd',encodeURIComponent($("#pw").val()),{expires:60}); //pwd 值为密码 有效期60天
  61. }
  62.  
  63. var clrcookie=function(){
  64. $.cookie('rememberme',"false"); //设置cookie记住我的值为false
  65. $.cookie('usrname',null); //删除cookie中的值
  66. $.cookie('pwd',null); //删除cookie中的值
  67. }
  68.  
  69. //当更改用户名或密码后更新cookie
  70. $("#an,#pw").live("blur",function(){ //为用户名框和密码框添加 焦点离开事件
  71. if($("#rememberme").hasClass("remember")){ //获取a标签判断是否存在类名(remember)
  72. setcookie(); //存在 设置cookie
  73. }
  74. }).live("keyup", function () { //为用户名框和密码框添加 键盘事件
  75. if($("#an").val()!=""){ //判断用户名不等于空;
  76. setcookie(); //设置cookie
  77. console.log(this);
  78. $(this).addClass("remember"); //添加类
  79. }else{ //用户名等于空
  80. clrcookie(); //清除cookie
  81. $(this).removeClass("remember"); //移除类
  82. }
  83. })
  84.  
  85. //当勾上“记住我”时保存cookie,否则清空
  86. $("#rememberme").live("click",function(){ //获取a标签对象, 为a标签绑定单击事件;
  87. if (!$(this).hasClass("remember")) { //这里的this 指向 触发事件的a标签 . hasClass()检查是否存在类名remember
  88. setcookie(); //不存在(hasClass()返回flase) 设置cookie
  89. $(this).addClass("remember"); //为a标签添加一个类
  90. }else{
  91. clrcookie(); // 存在 清除cookie,
  92. $(this).removeClass("remember");// 移除a标签的类(控制图片的类名)
  93. }
  94. });
  95.  
  96. if ($.cookie('rememberme') == "true") { //窗体加载时候 读取cookie中rememberme的值是否等于true
  97. // $("#an").val("000");
  98. $("#an").val(decodeURIComponent($.cookie('usrname'))); //获取cookie中usrname的值进行解码;赋值到文本框
  99. //使用 decodeURIComponent() 对编码后的 URI 进行解码:
  100. $("#pw").val(decodeURIComponent($.cookie('pwd'))).focus(); //读取cookie的pwd的值赋值到密码框, 获得焦点
  101. $("#rememberme").addClass("remember");//添加一个a标签 class名
  102. } else {
  103. $("#an").focus(); //读取cookie中rememberme(记住我)的值为false;用户名获取焦点
  104. }
  105.  
  106. // 创建一个cookie并设置有效时间为7天:
  107. //$.cookie('cookieName', 'cookieValue', { expires: 7 });
  108. //读取cookie:
  109. //$.cookie('cookieName'); // 若cookie存在则返回'cookieValue';若cookie不存在则返回null
  110. //删除cookie:把ncookie的值设为null即可
  111. //$.cookie('the_cookie', null);
  112. //获得焦点 事件
  113. // $("input").focus(function(){
  114. // $("input").css("background-color","#FFFFCC");
  115. //});
  116. //失去焦点
  117. //$("input").blur(function(){
  118. // $("input").css("background-color","#D6D6FF");
  119. //});
  120. })

js 记住我的更多相关文章

  1. 原生js记住密码

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

  2. js记住密码

    $(function () { if (getCookie("rmbUser") == "true") {   $("#xuanzong") ...

  3. Javascript登录页面“记住密码”实现

    JS记住密码实现效果:  JavaScript Code  1234567891011121314151617181920212223242526272829303132   <!DOCTYPE ...

  4. ionic Modal

    在ionic中,modal也是添加控制器写服务的~ 在modal.html页面中增加控制器:ng-controller="aboutCtrl"记住要给这个添加控制器.头部使其关闭按 ...

  5. 学习笔记-AngularJs(二)

    在接下来学习angularjs中,我按照的就是之前 学习笔记-AngularJs(一)所讲的目录来搭建一个学习的项目,做一个互联网大佬人物简介的例子,当然也可以使用angualrjs上面提供的官方例子 ...

  6. javaweb笔记全套

    Lesson 1 一.eclipse工具的使用 1. java代码的位置 1) 选择工作空间 workspace  选择一个文件夹存放程序(代码) 不要用中文和空格 2) 新建一个java 工程(Pr ...

  7. javaweb笔记分享

    Lesson 1 一.eclipse工具的使用 1. java代码的位置 1) 选择工作空间 workspace  选择一个文件夹存放程序(代码) 不要用中文和空格 2) 新建一个java 工程(Pr ...

  8. JAVA web项目转客户端(nativefier)

    1.环境:windows 2.下载node.js 3.安装mode.js;记住安装目录 4.命令行进入安装目录 5.执行语句: npm install nativefier –g 进行安装 6.新建空 ...

  9. jquery.cookie.js && java后台代码 操作cookie实现记住当前用户输入信息代码

    下载jquery.cookie.js地址看这里:http://pan.baidu.com/s/1gdCPaN5 //初始化页面时验证是否记住了密码 $(document).ready(function ...

随机推荐

  1. mysql 数据的某个范围数据

    select * from table_name where limit num1, num2; num1 : 开始条目 num2 :选择数目

  2. noip模拟赛 括号序列

    题目描述LYK有一个括号序列,但这个序列不一定合法.一个合法的括号序列如下:()是合法的括号序列.若A是合法的括号序列,则(A)是合法的括号序列.若A和B分别是合法的括号序列,则AB是合法的括号序列. ...

  3. 请问spfa+stack 和spfa+queue 是什么原理

    一个是bfs加迭代 一个是dfs加迭代 请问迭代是什么 就是不断地做,做到没有更优的解为止 或者是不断得做,做到逼近答案为止.. 栈比队列更快更节省空间

  4. xth 的玫瑰花(codevs 1360)

    题目描述 Description 这天是rabbit 的生日前夕,Xth 来到花店,要给他的rabbit 买玫瑰花,为了保证质 量,他跟花店老板——小菜儿同学要求自己到花田采摘.小菜儿灰常希望早日见到 ...

  5. nyoj_8_一种排序_201311251238

    一种排序 时间限制:3000 ms  |           内存限制:65535 KB 难度:3   描述 现在有很多长方形,每一个长方形都有一个编号,这个编号可以重复:还知道这个长方形的宽和长,编 ...

  6. Android:让Link始终保持在程序的WebView中跳转

    在Android的WebView中,当点击调用网页的链接时,默认的动作是跳转到系统设定的默认浏览器中.如果想让链接始终在当前WebView中跳转的话,就需要添加以下代码: WebView webVie ...

  7. HDU 5501

    这题的01背包的特点很容易看出来,但其实发现,这个题讲究加入时候的顺序. 于是,用贪心排序,如代码中所示,如果A在B前面造成的分数损失更小,则排在前面...其实这个我也是猜的.. #include & ...

  8. 【JavaScript】离开页面前提示

    离开页面前的提示不能够用onunload去做,由于它仅仅是兼容IE,你要兼容Google与FireFox就蛋疼了. 并且这个事件还是关闭之后才会触发的. 取而代之能够用onbeforeunload去实 ...

  9. [深入学习C#]输入输出安全性——可变类型形參列表的变化安全性

    可变类型形參列表(variant-type-parameter-lists) 可变类型形參列表(variant-type-parameter-lists )仅仅能在接口和托付类型上出现.它与普通的ty ...

  10. webService总结(一)——使用CXF公布和调用webService(不使用Spring)

    CXF和Axis2是两个比較流行的webService框架,接下来我会写几篇博客简介怎样使用这两种框架. 首先,先简介一下CXF的使用. CXF公布webService有多种方法.这里我介绍三种: 1 ...