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调用XML制作连动下拉列表框
Jun 25 Javascript
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
javascript中clone对象详解
Dec 03 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
JS实现div模块的截图并下载功能
Oct 17 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
vue中Axios的封装与API接口的管理详解
Aug 09 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
js瀑布流布局的实现
Jun 28 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
php实现水仙花数的4个示例分享
2014/04/08 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
PDO::commit讲解
2019/01/27 PHP
thinkPHP5使用Rabc实现权限管理
2019/08/28 PHP
List the Codec Files on a Computer
2007/06/11 Javascript
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
2020/12/13 Javascript
jquery实现拖动效果
2016/08/10 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
在Python中使用元类的教程
2015/04/28 Python
Python urls.py的三种配置写法实例详解
2017/04/28 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
Jupyter打开图形界面并画出正弦函数图像实例
2020/04/24 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
写自荐信有哪些不宜?
2013/10/17 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
热门专业求职信
2014/05/24 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书
2014年公司工作总结
2014/11/22 职场文书
刮痧观后感
2015/06/05 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
详解NumPy中的线性关系与数据修剪压缩
2022/05/25 Python