登录页面通过js判断两次输入的密码是否一致、是否记住密码

本文介绍了一段使用JavaScript实现自动登录功能的代码。通过设置和读取cookie来记录用户的登录状态,当用户选择记住密码时,账号和密码将被保存在cookie中,并在下次访问时自动填充。
window.onload = function(){

//alert("1、OK!");
var oForm = document.getElementById('actionForm');
var oUser = document.getElementById('userCode');
var oPswd = document.getElementById('userPassword');
var oRemember = document.getElementById('remember');

//页面初始化时,如果帐号密码cookie存在则填充
if(getCookie('userCode') && getCookie('userPassword')){
oUser.value = getCookie('userCode');
oPswd.value = getCookie('userPassword');
oRemember.checked = true;

//alert("2、记住密码了吗:"+oRemember.checked);

}

//复选框勾选状态发生改变时,如果未勾选则清除cookie
oRemember.onchange = function(){
if(!this.checked){
delCookie('userCode');
delCookie('userPassword');
//alert("3、未勾选,清除cookies");
}
};

//表单提交事件触发时,如果复选框是勾选状态则保存cookie
oForm.onsubmit = function(){
if(remember.checked){
setCookie('userCode',oUser.value,7); //保存帐号到cookie,有效期7天
setCookie('userPassword',oPswd.value,7); //保存密码到cookie,有效期7天
//alert("4、勾选,保存cookies");
}
};
};

//设置cookie
function setCookie(name,value,day){
var date = new Date();
date.setDate(date.getDate() + day);
document.cookie = name + '=' + value + ';expires='+ date;
//alert("5、设置cookies");
};

//获取cookie
function getCookie(name){
var reg = RegExp(name+'=([^;]+)');
var arr = document.cookie.match(reg);
if(arr){
return arr[1];
}else{
return '';
}
//alert("6、获取cookies");
};

//删除cookie
function delCookie(name){
setCookie(name,null,-1);
//alert("7、删除cookies");
};
利用nodered编出以下要求界面 合成为一个源码 代码尽量简洁(1)要求参照上面图片开发登录界面,登录界面包括标题(工业 4.0 项目 WEB 软件开发应用平台)、用户名输入框、密码输入框、验证输入框、“记住密码自 动登录”单选框、登录按钮、注册界面按钮、重置信息、选手信息等内容 2)用户可以输入用户名、密码验证码进行登录,登录界面的输入框中 要求有输入提示(要求输入框分别提示“登录账号”“登录密码”、“请输入验证 码”)。 ( 3)验证码要求采用图片方式,单击验证码图片,可手动更新验证码信息。 ( 4)勾选“记住密码自动登录”可实现免登录功能。 ( 5)重置功能,当点击重置按钮,清除信息。 ( 6)当用户登录未输入用户名、未输入密码、未输入验证码、输入不存在 的用户名、输错密码,会分别弹出提示窗。 ( 7)当用户连续输入三次错误密码,则该用户在 20 秒内不能进行登录 操作,登录按钮为灰色。 ( 8)登录成功后弹出“登录成功”提示窗,才能进入相关界面。 ( 9)指定权限的用户才能进入相关的界面。 (10)登录界面左侧要求包含竞赛模块名称、竞赛工位和当前日期间。 (11)用户未经登录不允许进入首页。 2.注册界面功能要求如下: (1)注册界面包括标题、用户名输入框、密码输入框、确认密码输入框、 用户类型下拉框。 ( 2)用户第一次登录必须注册。 ( 3)点击重置按钮,可以清除输入框的信息, ( 4)注册用户要求选择一个身份。 ( 5)超级管理员可以修改除超级管理员之外其它用户的类型。 ( 6)新注册的用户名要求满足指定格式。 ( 7)注册输入用户名、不输入密码两次输入密码一致或是未选 择用户类型,均不能完成注册,并弹出相应的提示窗,提示信息分别为“请输入 注册的用户名”、“请输入注册的密码”“两次输入密码一致”以及“请选择 用户类型”。 ( 8)注册成功后,后弹出“注册成功”提示窗。根据上述要求。做的更简单一点。而且代码要简单且要少。不要使用MySQL。也不要使用一些。其他的东西,只使用一些普通的东西让。嗯,note基础版也能运行。记住,我要源码。而且我要在node中运行出来,我要在那个软件上运行出来。
04-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值