关于控制台的输出

来源:6-2 项目作业

慕后端2033046

2019-10-26 12:03:12

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>添加图书分类</title>


</head>

<body>

<html>

    <head>

        <meta charset="UTF-8">

        <title>新建图书分类</title>

        <link rel="stylesheet" href="css/bootstrap.min.css">

        <link rel="stylesheet" href="css/add.css">

    </head>

    <body>

        <nav class="navbar navbar-default">

            <div class="container">

                <div class="navbar-header">

                    <a class="navbar-brand" href="">

                        图书分类管理

                    </a>

                </div>

            </div>

        </nav>

        <div class="container">

            <div class="jumbotron">

                <h1>Hello, XXX!</h1>

                <p>请小心地新增图书分类,要是建了一个错误的就不好了。。。</p>

            </div>

            <div class="page-header">

                <h3><small>新建</small></h3>

            </div>

            <form class="form-horizontal" action="${pageContext.request.contextPath }/addCategory" method="post" id="addcategory">

                <div id="err" style="color:red">

                </div>

                <div class="form-group">

                    <label for="name" class="col-sm-2 control-label" >分类ID :</label>

                    <div class="col-sm-8">

                        <input name="categoryId" class="form-control" id="categoryId">

                    </div>

                </div>

                <div class="form-group">

                    <label for="name" class="col-sm-2 control-label">分类名称 :</label>

                    <div class="col-sm-8">

                        <input name="categoryName" class="form-control" id="categoryName">

                    </div>

                </div>


                <div class="form-group">

                    <div class="col-sm-offset-2 col-sm-10">

                        <button type="submit" class="btn btn-primary">保存</button>&nbsp;&nbsp;&nbsp;

                    </div>

                </div>

            </form>

        </div>

        <footer class="text-center" >

            copy@imooc

        </footer>

   <script type="text/javascript" src="js/jquery-3.4.1.js"></script>

<script type="text/javascript">

document.getElementById("addcategory").onsubmit=function(){

var regex1=/^ca\d{4}$/;

var categoryId=document.getElementById("categoryId").value;

if(regex1.test(categoryId)==false){

docuemnt.getElementById("err").innerHTML="无效Id";

return false;

}else{

return true;

}

}

</script>

    </body>

</html>


</body>

 

</html>

老师这个页面的正则表达式的验证功能没有能生效,这里面哪里出了问题呢?另外在点击按钮之后看到有一瞬间控制台输出了红色的错误信息,但是页面刷新了控制台的相关信息就消失了,请问在哪里或者怎么样能看到控制台之前的信息呢?


写回答

1回答

好帮手慕阿莹

2019-10-26

1、同学可以给这个函数起个名字,通过名字来调用,例如:

http://img.mukewang.com/climg/5db3f79709fce18406190150.jpg

2、提交的时候通过返回值来控制是否可以正常提交;

http://img.mukewang.com/climg/5db3f7bb09ecaae807280091.jpg

3、同学的document拼写错了,写成了documnt,应该改为document。

http://img.mukewang.com/climg/5db3f7d4099d706006300086.jpg

4、同学说的控制台的红色输出一闪而过的,老师没有办法判断同学出现的情况,建议同学重启一下,然后再试试,看看还会不会有报错呢?

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

0 学习 · 9666 问题

查看课程