JS实现登录页面记住密码和enter键登录方法推荐
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>按enter键触发事件和记住账号密码</title>
<script>
//方法一：
//document.onkeypress=function(e){
//varkeycode=document.all?event.keyCode:e.which;
//if(keycode==13){
//alert_login();
//};
//}
//方法二：
document.onkeypress=viewKeyInfo;
functionviewKeyInfo(e){
vare=e||event;
if((e['keyCode']==13)||(e['which']==13)){
alert_login();
}
}
functionbody_onload(){
if(1==get_saveauth_cookies()){
vartmp_user='';
vartmp_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;
}
}
functionalert_login(){
if(document.getElementById("chx_save_auth").checked==true){
varcookies_uesr=document.getElementById("tt_user").value;
varcookies_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";
}
functionsetcookie(name,value,expirehours)
{
varcookieString=name+'='+escape(value);
if(expirehours>0)
{
vardate=newDate();
date.setTime(date.getTime()+expirehours*3600*1000);
cookieString=cookieString+';expires='+date.toGMTString();
document.cookie=cookieString;
}
document.cookie=cookieString;
}
functiongetcookie(name)
{
varstrCookie=document.cookie;
vararrCookie=strCookie.split(';');
for(vari=0;i<arrCookie.length;i++)
{
vararr=arrCookie[i].split('=');
if(arr[0]==name)
returnunescape(arr[1]);
}
return'';
}
functionget_user_cookies(){
vartmp_val=getcookie('loginuser');
returntmp_val;
}
functionget_pwd_cookies(){
vartmp_val=getcookie('loginpwd');
returntmp_val;
}
functionget_saveauth_cookies(){
vartmp_val=getcookie('saveauth');
returntmp_val;
}
</script>
</head>
<bodyonload="body_onload()">
<p>user:<inputtype="text"id="tt_user"style="margin-left:34px;width:200px;"/></p>
<p>password:<inputtype="password"id="pd_pwd"style="width:200px;"/></p>
<p><inputtype="checkbox"id="chx_save_auth"/>savepassword</p>
<p><inputtype="button"onclick="alert_login()"value="login"/></p>
<!--<inputtype="button"onclick="javascript:alert_login()"value="login"/>
javascript:alert_login()与alert_login()无区别-->
</body>
</html>
以上这篇JS实现登录页面记住密码和enter键登录方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。