空间"/>
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";}
}
更多推荐
JS完成QQ空间
发布评论