AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
登录记住用户名,登录记住用户名密码

话不多说,请看代码:

  <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>

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


登录记住用户名,登录记住用户名密码  
上一篇:canvas实现环形进度条效果  下一篇:jquery实现图片平滑滚动详解