JS完成QQ空间

登陆成功之后跳转到 qq.com （由于没有用数据库，密码设置的 123456）

// window.onload = function() {w
// 	// 生成随机数，切换背景图片
// 	document.getElementById("body").style = 
// 	"background: url(img/bg" + Math.floor(Math.random() * 4) + ".jpg);" 
// 	+ "background-size: 1366px 909px;"; + "background-position: 0px -135px;";
	
// }

window.onload = function() {
	document.getElementById("body").style = "background: url(img/bg" + Math.floor(Math.random() * 4) + ".jpg);" + 
	"background-size: 1366px 909px;" + "background-position: 0px -135px;";
}

/* 校验表单
	QQ：
	1、不能为空（你还没有输入账号）
	2、QQ号长度 >=5 并且 <= 11 （请输入正确的账号）
	
	密码：
	1、不能为空 （你还没有输入密码）
	2、查询匹配（假数据 123456 进行匹配， 模拟交互）
	（错误：你输入的账号或密码不正确，请重新输入。）
 */
// 初始化数据
var qq_msg = "支持QQ号/邮箱/手机号登录";
var pwd_msg = "密码";
var qq_inp = document.getElementById("qq_inp");
var pwd_inp = document.getElementById("pwd_inp");

function stop_time() {
	setTimeout(function() {
		document.getElementById("q_login_tip").innerHTML = "none";
	}, 5000);
}
// 校验登录
function form_submit() {
	var qq = qq_inp.value;
	if(qq == qq_msg){
		document.getElementById("tips_span").innerHTML = "你还没有输入账号";
		document.getElementById("q_login_tip").style.display = "block";
		stop_time();
		return ;
	}else if(qq.length < 5 || qq.length > 11){
		document.getElementById("tips_span").innerHTML = "账号或密码错误，请重新输入";
		document.getElementById("q_login_tip").style.display = "block";
		stop_time();
		return ;
	}
	
	var pwd = pwd_inp.value;
	if(pwd == pwd_msg){
		document.getElementById("tips_span").innerHTML = "你还没有输入密码";
		document.getElementById("q_login_tip").style.display = "block";
		stop_time();
		return ;
	}
	else if(pwd != "123456"){
		document.getElementById("tips_span").innerHTML = "账号或密码错误，请重新输入";
		document.getElementById("q_login_tip").style.display = "block";
		stop_time();
		return ;
	}
	location.href = "http://www.qq.com";
}


// 鼠标移动到qq号的输入框就改变字体样式
qq_inp.onfocus = function () {
	// 如果有数值且是默认值时，就清空
	var qq = qq_inp.value;
	if(qq_msg == qq){
		// 清空输入框
		qq_inp.value = "";
		// 修改字体样式
		qq_inp.style = "color: black; font-size: 16px";
	}
	// if(qq_inp.value == ""){
	// 	qq_inp.value = qq_msg;
	// }
}
// 鼠标移出QQ号，还原字体样式
qq_inp.onblur = function() {
	var qq = qq_inp.value;
	if(qq.trim() == "" || undefined == qq || null == qq){
		qq_inp.value = qq_msg;
		// 修改字体样式
		qq_inp.style = "color: gray; font-size: 14px";
	}
} 

// 鼠标移动到密码的输入框就改变字体样式
pwd_inp.onfocus = function () {
	// 如果有数值且是默认值时，就清空
	var qq = pwd_inp.value;
	if(pwd_msg == qq){
		// 清空输入框
		pwd_inp.value = "";
		// 修改字体样式
		pwd_inp.style = "color: black; font-size: 16px";
		pwd_inp.type = "password";
	}
	// if(qq_inp.value == ""){
	// 	qq_inp.value = qq_msg;
	// }
}
// 鼠标移出密码，还原字体样式
pwd_inp.onblur = function() {
	var qq = pwd_inp.value;
	if(qq.trim() == "" || undefined == qq || null == qq){
		pwd_inp.value = pwd_msg;
		// 修改字体样式
		pwd_inp.style = "color: gray; font-size: 14px";
		pwd_inp.type = "text";
	}
}