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 相关文章推荐
jquery 双色表格实现代码
Dec 08 Javascript
用JS判断IE版本的代码 超管用!
Aug 09 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
Javascript中Array.prototype.map()详解
Oct 22 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
Vue.js实例方法之生命周期详解
Jul 03 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 Javascript
详解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连接Oracle数据库
2006/10/09 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
在python的类中动态添加属性与生成对象
2016/09/17 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python 实现对文件夹内的文件排序编号
2018/04/12 Python
python的launcher用法知识点总结
2020/08/07 Python
python中pow函数用法及功能说明
2020/12/04 Python
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
英国最大的在线运动补充剂商店:Discount Supplements
2017/06/03 全球购物
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
资深生产主管自我评价
2013/09/22 职场文书
小学班主任培训方案
2014/06/04 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技