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 相关文章推荐
一些常用的JS功能函数代码
Jun 23 Javascript
jquery ready函数源代码研究
Dec 06 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
Jun 08 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 Javascript
原生js 实现表单验证功能
Feb 08 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在获取指定目录下的目录,在获取的目录下面再创建文件,多平台
2011/08/03 PHP
在smarty中调用php内置函数的方法
2013/02/07 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
javascript向flash swf文件传递参数值注意细节
2012/12/11 Javascript
js onclick事件传参讲解
2013/11/06 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
把大数据数字口语化(python与js)两种实现
2013/02/21 Python
python输出指定月份日历的方法
2015/04/23 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
办公室文秘自我评价
2013/09/21 职场文书
大学校园毕业自我鉴定
2014/01/15 职场文书
员工培训邀请函
2014/02/02 职场文书
解除合同协议书
2014/04/17 职场文书
创业融资计划书
2014/04/25 职场文书
大学生求职信
2014/06/17 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
小学班主任个人总结
2015/03/03 职场文书
检讨书格式
2015/05/07 职场文书
董事长新年致辞
2015/07/29 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书
创业计划书之家教中心
2019/09/25 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript