1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 模拟计算机病毒效果 js 用户登录模拟效果(原生js实现)

模拟计算机病毒效果 js 用户登录模拟效果(原生js实现)

时间:2019-02-20 07:24:58

相关推荐

模拟计算机病毒效果 js 用户登录模拟效果(原生js实现)

需求:

当用户名和密码获得焦点时,文本框背景颜色变黄,失去焦点时背景颜色恢复,

然后判断是否为空,如果为空,则给出提示,同时文本框继续获得焦点。如图所示。

单击登录按钮后,判断用户名(admin)和密码(123)是否正确。

若错误,则提示用户名或密码错误,

若正确,网页跳转到网页.

function p1(){

document.getElementById("q1").innerHTML="";

document.getElementById("q2").innerHTML="";

var name = document.getElementById("name").value;

var pw = document.getElementById("pw").value;

if(name==""){

document.getElementById("q1").innerHTML="用户名不能为空!";

onover();

return;

}

if(name=="admin"){

if(pw=="123"){

window.location.href ='';

}else{

document.getElementById("q2").innerHTML="密码错误!";

}

}else{

document.getElementById("q1").innerHTML="用户名错误!";

}

}

function onover(){

document.all.name.style.background="#EEEE00 ";

}

function onout(){

document.all.name.style.background="#fff";

}

function onover1(){

document.all.name.style.background="#fff";

document.all.pw.style.background="#EEEE00 ";

}

function onout1(){

document.all.pw.style.background="#fff";

}

.jdt{ width:400px; height:300px; border:1px #000 solid;}

#q1,#q2{color:red;}

用户登录

用户名:

密 码 :

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。