<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
form
{
width:100%;
height:700px;
margin-top: 0px;
background:#008B8B;
}
div
{
display:inline-block;
padding-top: 80px;
padding-right: 20px;
}
h2
{
font-family: "微软雅黑";
font-size: 40px;
color:black;
}
#log
{
color:blue;
}
</style>
</head>
<body>
<form name="login">
<center>
<h2>
展现自己
!
</h2>
<p>
用户名:<input type="text" id="text"/>
</p>
<p>
密 码:<input type="password" id="password"/>
</p>
<p>
<input id=ok type="button" value="登录" onclick="panduan()" />
</p>
<p>
还没有账号?
<a href="注册界面.html">立即注册</a>
</p>
</div>
</center>
<script>
var test = document.getElementById("test");
var password = document.getElementById("password");
var ok = document.getElementById("ok");
function panduan ()
{
var testvl = test.value;
var passwordvl = password.value;
if(testvl == "" || passwordvl == ""){
alert( "账号或密码不能为空");
}else if(testvl != "1234"){
alert( "账号输入错误");
}else if(passwordvl != "1234"){
alert("密码输入错误");
}else if(testv1=="1234"&&passwordv1=="1234"){
alert("登录成功");
return window.location.href="file:///D:/J2EE/%E6%B3%A8%E5%86%8C%E7%95%8C%E9%9D%A2.html";
}
}
</script>
</form>
</body>
</html>
写代码的时候仔细一点,一个是text一个是test,压根就没有获取到DOM对象啊。
另外,如果程序效果没有达到你的预期可以尝试打开浏览器的控制台查看是否有报错信息。
var test = document.getElementById("test"); 改成
var test = document.getElementById("text");
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632