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 相关文章推荐
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
Feb 25 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
Sep 24 Javascript
微信小程序实现多图上传
Jun 19 Javascript
微信小程序实现聊天室
Aug 21 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
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
php中session定期自动清理的方法
2015/11/12 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
获取body标签的两种方法
2011/10/13 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
js创建数组的简单方法
2016/07/27 Javascript
详解angular2封装material2对话框组件
2017/03/03 Javascript
JS实现两周内自动登录功能
2017/03/23 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
vue弹窗组件使用方法
2018/04/28 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
javascript实现扫雷简易版
2020/08/18 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
Python 数据结构之旋转链表
2017/02/25 Python
Python输出由1,2,3,4组成的互不相同且无重复的三位数
2018/02/01 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
档案检查欢迎词
2014/01/13 职场文书
德语专业求职信
2014/03/12 职场文书
物理课外活动总结
2014/08/27 职场文书
老公出轨后的保证书
2015/05/08 职场文书
元宵节晚会主持词
2015/07/01 职场文书
安全伴我行主题班会
2015/08/13 职场文书
Python利用folium实现地图可视化
2021/05/23 Python
SQLServer中exists和except用法介绍
2021/12/04 SQL Server
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技