JS实现登录页面记住密码和enter键登录方法推荐

前端技术 2023/09/09 JavaScript 
<!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键登录方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/25104

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案