来一杯java压压惊 2020-03-18 00:51 采纳率: 0%
浏览 140

点击登录没有任何反应,移动到登录附近鼠标也不会变成手的形状

点击登录没有任何反应,移动到登录附近鼠标也不会变成手的形状

<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<html>
    <head>
        <style>
            .main{

                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }
            .input {
                border: none;
                background:none;
                color: #ffffff;
                margin-top: 15px;
                left: 50%;
            }
        </style>


        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>模拟考试系统-登录</title>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/fonts/iconfont.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/font.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/mui.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/login.css"/>
        <script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-1.8.3.min.js"></script>
        <script>(function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + "px";
            };

          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener("DOMContentLoaded", recalc, false);
        })(document, window);
       function checklogin()
       {

          if($("#username").val()==null||$("#username").val()=="")
          {
             // mui.alert("请输入用户名!", "提示",function(){});
              $("#errmsg").html("请输入用户名!");
              return false;
          }else
            if($("#password").val()==null||$("#password").val()=="")
            {
                //mui.alert("请输入密码!", "提示",function(){});
                $("#errmsg").html("请输入密码!");
                return false;
            }else
              if($("#vcode").val()==null||$("#vcode").val()=="") {
                  $("#errmsg").html("请输入验证码!");
                  return false;
              }
       }
         function changeImg() {
            $("#code_img").attr("src", $("#code_img").attr("src") + 1);
            return false;
        }
       </script>
    </head>
    <body>
    <div class="main">
        <div class="header">
            <img src="${pageContext.request.contextPath}/assets/img/logintitle.png" style="width:100%"/>
        </div>
        <div class="errmsg" id="errmsg"></div>
        <div class="login-wrap">

         <form action="${pageContext.request.contextPath}/user/login.do" method="post">
            <div class="login-box">
                    <div class="input-wrap">
                        <input type="text" name="username" placeholder="用户名" id="username"/>
                    </div>
                    <div class="input-wrap">
                        <input type="password" name="password" placeholder="密码" id="password"/>
                    </div>
                    <div class="input-wrap">
                        <input type="text" name="vcode" placeholder="验证码" id="vcode"/>
                        <img src="${pageContext.request.contextPath}/assets/img/vcode.jpg" class="validate-code" id="code_img">
                    </div>

            </div>
            <div class="choose_box">
               <input type="checkbox" checked="checked" name="rember" id="rember"  value="1" style="-webkit-appearance:checkbox;"/>
                记住密码
            </div>
             <div class="btns"></div>
             <div class="weui_btn login-btn weui_btn_primary" style="height:50px;">
                 <input type="submit" class="input" onclick="checklogin()" value="登&nbsp;录"/>
             </div>
        </form>
            <div class="btns"></div>

            <div class="nologin">还没有账号?请先<a href="regist.html">注册</a></div>
            <div class="contact"><a href="contact.html">联系我们</a></div>
        </div>
        <div class="footer">
            Copyright&nbsp;&copy;&nbsp;ShiZaolin.com&nbsp;
        </div>
    </div>
    </body>
</html>

  • 写回答

1条回答 默认 最新

  • 落羽桥 2023-07-18 16:44
    关注

    登录按钮的点击事件绑定到了 checklogin() 函数。这个函数检查了用户名、密码和验证码的输入框是否为空,如果为空则显示错误信息并返回 false 。这个逻辑看起来是正确的。

    但是,由于你使用了 <input type="submit" /> ,这意味着当点击登录按钮时,会提交表单。如果 checklogin() 返回 false ,表单的提交应该会被阻止。但是在你的代码中, onclick="checklogin()" 并没有阻止表单的提交。因此,即使 checklogin() 返回 false ,表单仍然会被提交。

    要修复这个问题,你可以修改登录按钮的 onclick 属性,让它在 checklogin() 返回 false 时阻止表单的提交。这可以通过在 onclick 属性中添加 return 关键字来实现,如下所示:

    <input type="submit" class="input" value="登 录" />

    这样,当 checklogin() 返回 false 时, onclick 也会返回 false ,从而阻止表单的提交。

    评论

报告相同问题?

悬赏问题

  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)