不完美的女孩 2023-03-02 11:27 采纳率: 100%
浏览 62
已结题

idea中的jsp哪里出错了？


<%--
  Created by IntelliJ IDEA.
  User: zz
  Date: 2023/3/1
  Time: 15:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新百货管理系统</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/font.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/weadmin.css">
    <script src="${pageContext.request.contextPath}/lib/layui/layui.js" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
</head>
<body class="login-bg">

<div class="login">
    <div class="message">新百货管理系统-管理登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" >
        <input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
        <hr class="hr15">
        <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
        <hr class="hr15">
        <input type="text"name="verCode"lay-verify="required|verCode"id="input placeholder="验证码"style="width:200px"/>
        <input type="button"id="code"onclick="createCode()"style="width:100px;background-color:orangered;float:right;"/>
        <hr class="hr15">
        <input class="loginin" value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20" >
        <div>
            <a>没有账号?前去注册</a>
            <span id="msg" style="float: right;color: red"></span>
        </div>
    </form>
</div>

<script type="text/javascript">

    layui.extend({
        admin: '${pageContext.request.contextPath}/static/js/admin'
    });
    layui.use(['form','admin'], function(){
        var form = layui.form
            ,admin = layui.admin;
        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //   });
        //监听提交
        form.verify({
            verCode:function(value){
               //用户输入的验证码
                var inputCode=value.toUpperCase();
                if(inputCode.length==0){
                    return'请输入验证码!';
                }
               //code随机生成
                if(inputCode!=code){
                    createCode();
                    return'验证码错误!';
                }
            }
        });
        form.on('submit(login)', function(data){
            // alert(888)
            /* layer.msg(JSON.stringify(data.field),function(){
                 location.href='./index.html'
             });*/
            //把用户输入的表单数据提交到服务器（用户名和密码）
            //使用Jquery的ajax异步提交
            $.post("${pageContext.request.contextPath}/user/login.action",data.field,function(res){
                //alert(res);
                if(res){//成功，跳转到系统首页
                    window.location.href="${pageContext.request.contextPath}/index.jsp"
                }else{//失败，提示失败的信息
                    $("#msg").html("用户名或者密码错误");
                }
            });
            return false;
        });
    });
</script>
<script>
    var code;//在全局定义验证码
    //产生验证码
    window.onload=createCode;
    function createCode(){
        code="";
        var codeLength=4;//验证码的长度
        var checkCode=document.getElementById("code");
        var random=newArray(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',
            'S','T','U','V','W','X','Y','Z');//随机数
        for(var i=0;i<codeLength;i++){//循环操作
            var index=Math.floor(Math.random()*36);//取得随机数的索引（0~35）
            code+=random[index];//根据索引取得随机数加到code上
        }
        checkCode.value=code;//把code值赋给验证码
    }
</script>

</body>
</html>
  • 写回答

5条回答 默认 最新

  • allyfireshen 2023-03-02 11:54
    关注

    id="input这里定义有问题，还有就是登录按钮的类型最好不要用submit，因为Submit类型会将表单提交(form.submit())作为其onclick后的默认事件，可能会导致layui中submit监听无效，可修改如下：

    <form method="post" class="layui-form" >
  <input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
  <hr class="hr15">
  <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
  <hr class="hr15">
  <input type="text" name="verCode" lay-verify="required|verCode" id="verCode" class="layui-input" placeholder="验证码" style="width:200px"/>
  <input type="button" id="code" onclick="createCode()" style="width:100px;background-color:orangered;float:right;"/>
  <hr class="hr15">
  <input class="loginin" value="登录" lay-submit lay-filter="login" style="width:100%;" type="button">
  <hr class="hr20" >
  <div>
    <a>没有账号?前去注册</a>
    <span id="msg" style="float: right;color: red"></span>
  </div>
</form>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(4条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 3月5日
  • 已采纳回答 3月5日
  • 创建了问题 3月2日

悬赏问题

  • ¥15 寻找一块做为智能割草机的驱动板(标签-stm32|关键词-m3)
  • ¥15 信息管理系统的查找和排序
  • ¥15 基于STM32，电机驱动模块为L298N，四路运放电磁传感器，三轮智能小车电磁组电磁循迹（两个电机，一个万向轮），怎么用读取的电磁传感器信号表示小车所在的位置
  • ¥15 如何解决y_true和y_predict数据类型不匹配的问题（相关搜索：机器学习）
  • ¥15 PB中矩阵文本型数据的总计问题。
  • ¥40 宿舍管理系统设计（c#）
  • ¥15 MATLAB卫星二体模型仿真
  • ¥15 怎么让数码管亮的同时让led执行流水灯代码
  • ¥20 SAP HANA SQL Script 。如何判断字段值包含某个字符串
  • ¥85 cmd批处理参数如果含有双引号，该如何传入？