JS完成QQ空间

空间"/>

JS完成QQ空间

登陆成功之后跳转到 qq （由于没有用数据库，密码设置的 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 = "";
}// 鼠标移动到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";}
}