weixin_65228302 2023-09-20 21:09 采纳率: 28.6%
浏览 2

为啥显示不了登录提示

<%@ 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>


为啥显示不了登录提示

  • 写回答

3条回答 默认 最新

  • Leodong. 2023-09-20 21:27
    关注

    该回答通过自己思路及引用到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>
    

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


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

    评论

报告相同问题?

问题事件

  • 创建了问题 9月20日

悬赏问题

  • ¥15 有偿求苍穹外卖环境配置
  • ¥15 代码在keil5里变成了这样怎么办啊,文件图像也变了,
  • ¥20 Ue4.26打包win64bit报错,如何解决?(语言-c++)
  • ¥15 clousx6整点报时指令怎么写
  • ¥30 远程帮我安装软件及库文件
  • ¥15 关于#自动化#的问题:如何通过电脑控制多相机同步拍照或摄影(相机或者摄影模组数量大于60),并将所有采集的照片或视频以一定编码规则存放至规定电脑文件夹内
  • ¥20 深信服vpn-2050这台设备如何配置才能成功联网?
  • ¥15 Arduino的wifi连接,如何关闭低功耗模式?
  • ¥15 Android studio 无法定位adb是什么问题?
  • ¥15 C#连接不上服务器,