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的执行顺序 之实战篇
Mar 03 Javascript
js实现广告漂浮效果的小例子
Jul 02 Javascript
jquery mobile changepage的三种传参方法介绍
Sep 13 Javascript
jQuery实现统计输入文字个数的方法
Mar 11 Javascript
JavaScript数据库TaffyDB用法实例分析
Jul 27 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
javascript中错误使用var造成undefined
Mar 31 Javascript
JS弹性运动实现方法分析
Dec 15 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 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
THINKPHP支持YAML配置文件的设置方法
2015/03/17 PHP
php获取系统变量方法小结
2015/05/29 PHP
PHP计算数组中值的和与乘积的方法(array_sum与array_product函数)
2016/04/01 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
JavaScript原型链示例分享
2014/01/26 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
vue获取DOM元素并设置属性的两种实现方法
2017/09/30 Javascript
React通过父组件传递类名给子组件的实现方法
2017/11/13 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
[02:19]DOTA2上海特级锦标赛 观赛指南 Spectator Guide
2016/02/04 DOTA
[02:42]岂曰无衣,与子同袍!DOTA2致敬每一位守护人
2020/02/17 DOTA
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
Python实现元素等待代码实例
2019/11/11 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
Python写出新冠状病毒确诊人数地图的方法
2020/02/12 Python
电气自动化大学生求职信
2013/10/16 职场文书
写好求职信第一句话的技巧
2013/10/26 职场文书
工程测量与监理专业应届生求职信
2013/11/27 职场文书
简历自我评价模版
2014/01/31 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
商务日语专业自荐信
2014/04/17 职场文书
高三霸气励志标语
2014/06/24 职场文书
转正申请报告格式
2015/05/15 职场文书
工作表现证明
2015/06/15 职场文书
2015最新婚礼主持词
2015/06/30 职场文书
Golang 实现WebSockets
2022/04/24 Golang
深入理解 Golang 的字符串
2022/05/04 Golang