JS实现登录页面记住密码和enter键登录方法推荐


Posted in Javascript onMay 10, 2016
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>按enter键触发事件和记住账号密码</title>
<script>

//方法一:
// document.onkeypress=function(e){
// var keycode=document.all?event.keyCode:e.which;
// if(keycode==13){
// alert_login();
// };
// }

//方法二:
document.onkeypress = viewKeyInfo;
function viewKeyInfo(e) {
var e = e || event; 
if ((e['keyCode'] == 13) || (e['which'] == 13)) {
alert_login();
}
} 

function body_onload(){
if (1 == get_saveauth_cookies()) {
var tmp_user = '';
var tmp_pwd = '';

tmp_user = get_user_cookies();
tmp_pwd = get_pwd_cookies();

document.getElementById("tt_user").value = tmp_user;
document.getElementById("pd_pwd").value = tmp_pwd;
document.getElementById("chx_save_auth").checked = true;
}
}

function alert_login(){
if (document.getElementById("chx_save_auth").checked == true) {
var cookies_uesr = document.getElementById("tt_user").value;
var cookies_pwd = document.getElementById("pd_pwd").value;
setcookie('loginuser', cookies_uesr, 1440);
setcookie('loginpwd', cookies_pwd, 1440);
setcookie('saveauth', 1, 1440);
}
else {
setcookie('saveauth', 0, 1440);
} 
location = "https://www.baidu.com";
}

function setcookie(name,value,expirehours)
{
var cookieString=name+'='+escape(value);
if (expirehours>0)
{
var date=new Date();
date.setTime(date.getTime()+expirehours*3600*1000);
cookieString = cookieString + '; expires=' + date.toGMTString();
document.cookie = cookieString;
}
document.cookie=cookieString;
}
function getcookie(name)
{
var strCookie=document.cookie;
var arrCookie=strCookie.split('; ');
for (var i=0;i<arrCookie.length;i++)
{
var arr=arrCookie[i].split('=');
if (arr[0]==name) 
return unescape(arr[1]);
}
return '';
}

function get_user_cookies() {
var tmp_val = getcookie('loginuser');
return tmp_val;
}

function get_pwd_cookies() {
var tmp_val = getcookie('loginpwd');
return tmp_val;
}

function get_saveauth_cookies() {
var tmp_val = getcookie('saveauth');
return tmp_val;
}
</script>

</head>
<body onload="body_onload()">

<p>user:<input type="text" id="tt_user" style="margin-left: 34px;width: 200px;"/></p>
<p>password:<input type="password" id="pd_pwd" style="width: 200px;"/></p>
<p><input type="checkbox" id="chx_save_auth"/>save password</p>
<p><input type="button" onclick="alert_login()" value="login"/></p>

<!--<input type="button" onclick="javascript:alert_login()" value="login"/>
javascript:alert_login()与alert_login()无区别 -->


</body>
</html>

以上这篇JS实现登录页面记住密码和enter键登录方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript vvorld 在线加密破解方法
Nov 13 Javascript
JavaScript中的this关键字介绍与使用实例
Jun 21 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
Oct 30 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
详解JavaScript中的自定义事件编写
May 10 #Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 #Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 #Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 #Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 #Javascript
Bootstrap Fileinput文件上传组件用法详解
May 10 #Javascript
javascript实现的猜数小游戏完整实例代码
May 10 #Javascript
You might like
最简单的PHP程序--记数器
2006/10/09 PHP
用PHP和ACCESS写聊天室(四)
2006/10/09 PHP
php使用百度翻译api示例分享
2014/01/31 PHP
非常好用的Zend Framework分页类
2014/06/25 PHP
浏览器无法运行JAVA脚本的解决方法
2008/01/09 Javascript
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
uploadify在Firefox下丢失session问题的解决方法
2013/08/07 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
对Vue table 动态表格td可编辑的方法详解
2018/08/28 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
python获取当前计算机cpu数量的方法
2015/04/18 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
python中字符串的操作方法大全
2018/06/03 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
python 字典item与iteritems的区别详解
2020/04/25 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
英国袜子店:Sock Shop
2017/01/11 全球购物
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
自荐信格式简述
2014/01/25 职场文书
如何写好开幕词?
2019/06/24 职场文书
Python Parser的用法
2021/05/12 Python
分享Python异步爬取知乎热榜
2022/04/12 Python
vue el-table实现递归嵌套的示例代码
2022/08/14 Vue.js