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实现读取txt文档的脚本
Jul 20 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
vue.js中过滤器的使用教程
Jun 08 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
Sep 28 Javascript
AngularJS实现自定义指令及指令配置项的方法
Nov 20 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
Apr 18 Javascript
js使用文件流下载csv文件的实现方法
Jul 15 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 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的FTP学习(一)
2006/10/09 PHP
用PHP+MySql编写聊天室
2006/10/09 PHP
PHP 开源AJAX框架14种
2009/08/24 PHP
用PHP实现递归循环每一个目录
2010/08/08 PHP
深入PHP nl2br()格式化输出的详解
2013/06/05 PHP
php解压文件代码实现php在线解压
2014/02/13 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
2013/05/17 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
2017/01/17 Javascript
javaScript基础详解
2017/01/19 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
2018/10/12 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
全面了解python字符串和字典
2016/07/07 Python
python学习教程之使用py2exe打包
2017/09/24 Python
Python中py文件引用另一个py文件变量的方法
2018/04/29 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
服装厂厂长岗位职责
2013/12/27 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
食品安全责任书范本
2015/05/09 职场文书
2016年母亲节寄语
2015/12/04 职场文书