Javascript实现登录记住用户名和密码功能


Posted in Javascript onMarch 22, 2017

话不多说,请看代码:

<script type="text/javascript">
  $(document).ready(function () {
   $("#UserAccount").focus();
   //记住用户名和密码
   $('#remebers').click(function () {
    if ($("#UserAccount").val() == "") {
     alert("用户名不能为空!");
    }
    if($("#UserPassword").val() == "")
    {
     alert("密码不能为空!");
    }
    else {
     if ($('#remebers').attr("checked")) {
      setCookie("uname", $("#UserAccount").val(), 60);
      setCookie("upwd", $("#UserPassword").val(), 60);
     }
     else {
      delCookie("uname");
      delCookie("upwd");
     }
    }
   });
   if (getCookie("uname") != null)
   {
    $('#remebers').attr("checked", "checked");
    $('#UserAccount').val(getCookie("uname"));
    $('#UserPassword').val(getCookie("upwd"));
   }
  })
  //写cookies
  function setCookie(name, value) {
   var Days = 30;
   var exp = new Date();
   exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
   document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
  }
  //读取cookies 
  function getCookie(name) {
   var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
   if (arr = document.cookie.match(reg)) return unescape(arr[2]);
   else return null;
  }
  //删除cookies 
  function delCookie(name) {
   var exp = new Date();
   exp.setTime(exp.getTime() - 1);
   var cval = getCookie(name);
   if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
  }
 </script>

<div class="main">
     <section id="login_form">
      @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post))
      {
       @Html.AntiForgeryToken()
       @Html.ValidationSummary(true)
       <table>
        <tr>
         <td align="right">账 号:</td>
         <td align="left"><input type="text" id="UserAccount" name="UserAccount" /> @Html.ValidationMessageFor(m => m.UserAccount)</td>
        </tr>
        <tr>
         <td align="right">密 码:</td>
         <td align="left">
          <input type="password" id="UserPassword" name="UserPassword" />
@Html.ValidationMessageFor(m => m.UserPassword)
         </td>
        </tr>
        <tr>
         <td></td>
         <td align="left">
          <input name="remebers" id="remebers" type="checkbox" />
          <span style="color:#4a4949">记住用户名和密码</span>
         </td>
        </tr>
        <tr>
         <td></td>
         <td align="left">
          <input type="submit" name="submit" id="submit" value="" style=" background: url(../../Images/Login/login_submit.jpg) no-repeat; height: 25px; width: 59px; " />
           
          <input type="reset" name="reset" id="reset" value="" style="background: url(../../Images/Login/login_reset.jpg) no-repeat; height: 25px; width: 59px; " />
         </td>
        </tr>
       </table>
      }
     </section>
     <div class="note">
      * 不要在公共场合保存登录信息;<br />
      * 为了保证您的帐号安全,退出系统时请注销登录
      <span id="msg_tip"></span>
     </div>
    </div>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Javascript 对象的解释
Nov 24 Javascript
别了 JavaScript中的isXX系列
Aug 01 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
React + webpack 环境配置的方法步骤
Sep 07 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 Javascript
jquery实现图片平滑滚动详解
Mar 22 #jQuery
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 #Javascript
jQuery轻松实现无缝轮播效果
Mar 22 #jQuery
JavaScript登录记住密码操作(超简单代码)
Mar 22 #Javascript
原生JS京东轮播图代码
Mar 22 #Javascript
10道典型的JavaScript面试题
Mar 22 #Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 #jQuery
You might like
laravel通用化的CURD的实现
2019/12/13 PHP
javascript cookie操作类的实现代码小结附使用方法
2010/06/02 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
Javascript var变量删除原理及实现
2020/08/26 Javascript
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
pandas分别写入excel的不同sheet方法
2018/12/11 Python
Python控制Firefox方法总结
2019/06/03 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
golang/python实现归并排序实例代码
2020/08/30 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
大学生毕业鉴定
2014/01/31 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
工程学毕业生自荐信
2014/06/14 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
高一地理教学工作总结
2015/08/12 职场文书