为啥显示不了登录提示

<%@ 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ᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下:
根据提供的代码,登录提示显示不出来的原因可能是以下两点:

  1. JavaScript 函数调用错误:在 HTML 中,<input type="button" "dl()" value="登录"> 这一行代码的 "dl()" 应该是一个函数调用,但是缺少了括号。应该将其修改为 <input type="button" onclick="dl()" value="登录">,这样当按钮被点击时就会调用 dl() 函数。

  2. 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>

请注意,以上只是针对问题中提到的两点进行了修改,可能还存在其他潜在的问题导致登录提示无法显示。


如果以上回答对您有所帮助,点击一下采纳该答案~谢谢

少了个等号

img