登录验证

登录页面js

读写cookie

function writeCookie(name,value,hours){
	var expire = '';
	if(hours!=null){
		expire = new Date((new Date()).getTime()+hours*360000);
		expire = '; expires'+expire.toGMTString();
	}
	document.cookie = name + '=' +escape(value) +expire;
}
function readCookie(name){
	var cookieValue = '';
	var search = name + '=';
	if(document.cookie.length>0){
		offset = document.cookie.indexOf(search);
		if(offset!= -1){
			offset += search.length;
			end = document.cookie.indexOf(';' ,offset);
			if(end == -1)
				end = document.cookie.length;
			cookieValue = unescape(document.cookie.substring(offset, end);
		}
	}
	return cookieValue;
}

回车键登录

//示例表单
<form id="loginform" name="loginform" method="post" action="" onsubmit="return chkForm(this);">
	<input type ="text" placeholder = "用户名"  name="userId" onkeypress="pressEnter(1,event);"/>
	<input type ="passWord" placeholder = "密码"  name="passWord" onkeypress="pressEnter(2,event);"/>
	<input type="submit" value="登录">
	<button onclick="doSubmit()">登录</button>
</form>
//按键事件
function pressEnter(arg ,e){
	var e = e||window.event;
	if(e.keyCode == 13){
		if(arg == 3){
			doSubmit();
			return false;
		}else if(arg == 0)
			document.getElementById("loginform").userId.focus();
		else if(arg == 1)
			document.getElementById("loginform").passWord.focus();
		else if(arg == 2){
			pressEnter(3,e);
			/*使用验证码时,使用下面的代码块
			document.getElementById("loginform").checkCode.focus();
			<input type ="text" placeholder = "验证码"  name="checkVCode" οnkeypress="pressEnter(3,event);"/>
			 */
		}
	}else{
		return true;
	}
}
//按钮提交使用
function doSubmit(){
	var form =document.getElementById("loginform");
	if(chkForm(form)){
		form.submit();
}
//提交前检测
function checkForm(theFrom){
	if(theFrom.userId.value.length<1){
		alert("请输入用户名");
		return false;
	}
	if(theFrom.passWord.value.length<1){
		alert("请输入密码");
		return false;
	}
	writeCookie("userId", theFrom.userId.value);
	writeCookie("passWord",theFrom.passWord.value,240);
	return true;
}
		
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值