<!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键登录的更多相关文章

  1. Javascript登录页面“记住密码”实现

    JS记住密码实现效果:  JavaScript Code  1234567891011121314151617181920212223242526272829303132   <!DOCTYPE ...

  2. web页面记住密码存在安全问题 - 处理方式

    现在一般安全网站都不会做记住密码功能,因为记住密码存在安全缺陷. 不考虑网络拦截问题,如果是登录页面记住密码,第二次登录,直接进入开发者模式修改类型为text即可看到密码. 处理方式: 1.把auto ...

  3. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  4. 电脑端TIM登录时记住密码

    为什么每次登录TIM时点了记住密码,下次再登录时还是记不住呢? 不是扫码就是还得输出密码,为这事愁了好多次, 最近终于发现如何记住密码了... 进入登录界面以后,点击左下角这个小图标>> ...

  5. 系统开发中按下Enter键登录系统

    转载来自:http://www.jb51.net/article/54308.htm 系统开发中按下Enter键登录系统,即就是监听键盘,当按下Enter键后调用登录按钮的click()事件. JS方 ...

  6. asp.net 使用一般处理程序和ajax post实现登录以及记住密码

    1.登录页面login.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&qu ...

  7. JavaWeb学习记录总结（二十九）--Servlet\Session\Cookie\Filter实现自动登录和记住密码

    一.Servlet package autologin.servlet.login; import java.io.IOException;import java.security.MessageDi ...

  8. Android实现自动登录和记住密码

    效果图: 在勾选自动登录后下次打开软件会直接跳过登录界面 代码: protected void onCreate(Bundle savedInstanceState) { super.onCreate ...

  9. Android自动登录与记住密码

    // 获取实例对象 sp = this.getSharedPreferences("userInfo", Context.MODE_WORLD_READABLE); rem_pw ...

随机推荐

  1. PHP AJAXFORM提交图片上传并显示图片源代码

    PHP dofile.php 文件上传源代码 <? php $file_upload = "upload/"; $file_allow_ext='gif|jpg|jpeg|p ...

  2. 理解 strcpy方法

    char* strcpy(char* strDest, const char* strSrc) { assert((strDest!=NULL) && (strSrc !=NULL)) ...

  3. Codeforces Round #331 (Div. 2) B. Wilbur and Array 水题

    B. Wilbur and Array Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/596/p ...

  4. Codeforces Round #274 (Div. 1) C. Riding in a Lift 前缀和优化dp

    C. Riding in a Lift Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/480/pr ...

  5. HDU 4348 To the moon 可持久化线段树，有时间戳的区间更新，区间求和

    To the moonTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/view.a ...

  6. 图形化OpenGL调试器 BuGLe [转]

    BuGLe 结合图形化的OpenGL调试与选择的过滤器上的OpenGL命令流.调试器可以查看状态.纹理.framebuffers ,着色器,而过滤器允许日志,错误检查,自由相机控制,视频捕捉等. 主页 ...

  7. [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)

    前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件  ==> “2. 每年的周数从(1-52), 如果超过52 周 ...

  8. android 多语言版本开发

    最近项目中用用到语言切换功能,第一想到的就是资源文件,没错. 在资源文件中新建一个文件夹values-en,en表示英语,有一些还细化到地区,如values-en-rUS 即美国地区的英语,r是必需的 ...

  9. 设计一个算法，输出从u到v的全部最短路径（採用邻接表存储）

    思想:用path数组存放路径(初始为空),d表示路径长度(初始为-1),查找从顶点u到v的最短路径过程如图所看到的: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5u ...

  10. mysql 5.6 原生Online DDL解析

    http://seanlook.com/2016/05/24/mysql-online-ddl-concept/ 做MySQL的都知道,数据库操作里面,DDL操作(比如CREATE,DROP,ALTE ...