<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<script>
function dl(){
var usrReal="GDPU";
var pswReal="xg2022";
var usr=document.getElementById("inputa").value;
var psw document.getElementById("inputb").value;
var r=confirm("确定准确无误,登录?");
if(usrReal!=usr){
var r=alert("该用户不存在")
return
}
else if(usr==usrReal && pswl==pswReal){
var r=alert("登录成功")
return
}
else{
var r=alert("登陆失败,账号或密码输入错误")
return
}
}
</script>
</head>
<style>
body{
background-image:url(image1.png) ;
}
.button{
font-size: 16px
}
p.serif{font-family:"Times New Roman",Times,serif;font-size:30px;text-shadow: 5px 5px 5px #BB8800;text-align:left;}
.center{
text-align:center;
table th{
border:1px solid black;
}
</style>
<body style="background-size:100%;background-attachment:fixed;">
<table class="center" width="200" cellspacing="0" >
<div style="margin-top:230px;">
<div class="center" style="padding: 22px;border-radius: 12px;width: 30%;height: 40%;
background-image: linear-gradient(#D0D0D0 ,#8FBC8F );opacity:0.7;margin: 0px auto">
<div class="center" style="margin: 40px;">
<p class="serif"> Welcome</p>
<form>
<p>
账号:<input type="text" id="inputa"></p>
密码:<input type="password" id="inputb"><br>
<p>
<div style="float:left"><button>注册</button></div>
<div style="float:right"><button>找回密码</button></div>
<input type="button" onclick="dl()" value="登录" >
</form>
</table>
</body>
</html>
为啥显示不了登录提示
该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下:
根据提供的代码,登录提示显示不出来的原因可能是以下两点:
JavaScript 函数调用错误:在 HTML 中,<input type="button" "dl()" value="登录">
这一行代码的 "dl()"
应该是一个函数调用,但是缺少了括号。应该将其修改为 <input type="button" onclick="dl()" value="登录">
,这样当按钮被点击时就会调用 dl()
函数。
JavaScript 变量声明错误:在 dl()
函数中,有一行代码 var psw document.getElementById("inputb").value;
存在语法错误。应该将其修改为 var psw = document.getElementById("inputb").value;
,这样才能正确声明并赋值给 psw
变量。
综上所述,修改后的代码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<script>
function dl(){
var usrReal="GDPU";
var pswReal="xg2022";
var usr=document.getElementById("inputa").value;
var psw = document.getElementById("inputb").value;
var r=confirm("确定准确无误,登录?");
if(usrReal!=usr){
var r=("该用户不存在")
return
}
else if(usr==usrReal && pswl==pswReal){
var r=("登录成功")
return
}
else{
var r=("登陆失败,账号或密码输入错误")
return
}
}
</script>
<style>
/* 省略样式部分 */
</style>
<body style="background-size:100%;background-attachment:fixed;">
<table class="center" width="200" cellspacing="0" >
<div style="margin-top:230px;">
<div class="center" style="padding: 22px;border-radius: 12px;width: 30%;height: 40%;
background-image: linear-gradient(#D0D0D0 ,#8FBC8F );opacity:0.7;margin: 0px auto">
<div class="center" style="margin: 40px;">
<p class="serif"> Welcome</p>
<form>
<p>
账号:<input type="text" id="inputa"></p>
密码:<input type="password" id="inputb"><br>
<p>
<div style="float:left"><button>注册</button></div>
<div style="float:right"><button>找回密码</button></div>
<input type="button" onclick="dl()" value="登录" >
</form>
</table>
</body>
</html>
请注意,以上只是针对问题中提到的两点进行了修改,可能还存在其他潜在的问题导致登录提示无法显示。
如果以上回答对您有所帮助,点击一下采纳该答案~谢谢
少了个等号