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实现一个TreeMenu效果分享
Aug 28 Javascript
jQuery EasyUI API 中文文档 - Form表单
Oct 06 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
密码框显示提示文字jquery示例
Aug 29 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
教你搭建按需加载的Vue组件库(小结)
Jul 29 Javascript
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
Jun 10 Javascript
JS新手入门数组处理的实用方法汇总
Apr 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
真正的ZIP文件操作类(php)
2007/07/21 PHP
抓取YAHOO股票报价的类
2009/05/15 PHP
php中使用Akismet防止垃圾评论的代码
2011/06/10 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
javascript面向对象入门基础详细介绍
2012/09/05 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
[07:49]2014DOTA2国际邀请赛 Newbee夺冠后采访xiao8坦言奖金会上交
2014/07/23 DOTA
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
python判断windows系统是32位还是64位的方法
2015/05/11 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
Python线性方程组求解运算示例
2018/01/17 Python
python实现类之间的方法互相调用
2018/04/29 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
pycharm的console输入实现换行的方法
2019/01/16 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
python ftplib模块使用代码实例
2019/12/31 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
资产评估专业大学生求职信
2013/09/29 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
保研推荐信格式
2015/03/25 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python
PHP正则表达式之RCEService回溯
2022/04/11 PHP
Python中的 No Module named ***问题及解决
2022/07/23 Python