今天开学回到学校第一次上课,进行了测试,测试内容是

河北省重大技术需求征集表分值15分,

zhuce页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
        function checkPass(){
            var pwd1=document.getElementById("password").value;
            var pwd2=document.getElementById("chong").value;
            if(pwd1!=pwd2){
                document.getElementById("errorpwd").style.display = "block";
            }
            else{
                document.getElementById("errorpwd").style.display = "none";
            }
        }
        function checkPhone(){
            var a = document.getElementById("phone");
            if(a.value.length!=11){
                document.getElementById("errors").style.display = "block";
            }
            else{
                document.getElementById("errors").style.display = "none";
            }
        }
    </script>
    <meta charset="UTF-8">
    <title>注册</title>
    <style type="text/css">
        .a{margin-top:20px;}
        .b{font-size:20px;width:160px;color:white; background-color:greenyellow;}
    </style>
</head>
<body>
<%
    Object message = request.getAttribute("message");
    if(message!=null && !"".equals(message)){

%>
<script type="text/javascript">
    alert("<%=request.getAttribute("message")%>");
</script>
<%} %>
<div align="center">
    <form action="/case/zhuceServlet" method="post" onsubmit="return check()">
        <div class="a">用户姓名:<input type="text" name="username" id="name"></div>
        <div class="a">设置密码:<input type="password" name="password" id="password"></div>
        <div class="a">重复密码:<input type="password" name="chong" id="chong" onblur="return checkPass();" ></div>
        <span id="errorpwd" style="display:none; color:red">两次输入密码不一致</span>
        <div class="a">手机号码:<input type="text" name="tel" id="phone" onblur="return checkPhone();"></div>
        <span id="errors" style="display:none; color:red">手机号码应该为11位</span>
        <div class="a">所属单位:<input type="text" name="workplace" id="place"></div>
        <div class="a"><button type="submit" class="b">保   存</button></div>
    </form>
</div>
<script type="text/javascript">
    function check(){
        var name=document.getElementById("name");
        var password=document.getElementById("password");
        var chong=document.getElementById("chong");
        var phone=document.getElementById("phone");
        var place=document.getElementById("place");
        if(name.value==''){
            alert('用户名称为空');
            name.focus();
            return false;
        }
        if(password.value==''){
            alert('设置密码为空');
            password.focus();
            return false;
        }
        if(chong.value==''){
            alert('重复密码为空');
            chong.focus();
            return false;
        }
        if(phone.value==''){
            alert('手机号码为空');
            phone.focus();
            return false;
        }
        if(place.value==''){
            alert('所属单位为空');
            place.focus();
            return false;
        }
    }
</script>
</body>
</html>

 

 addwork页面

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>添加需求</title>
</head>
<body>
<h3>添加需求</h3>
<form action="/case/addServlet" method="post">
    技术需求名称:<input name="brandName"><br>
    技术需求合作模式:
    <input type="radio" name="hezuo" value="1" id="dan">单人模式
    <input type="radio" name="hezuo" value="2" id="duo">双人模式
    <br>
    研究方式:
    <input type="checkbox" name="fangshi" value="1" id="travel">1号类型
    <input type="checkbox" name="fangshi" value="2" id="game">2号类型
    <input type="checkbox" name="fangshi" value="3" id="TV">3号类型<br>
    技术需求概述:<textarea rows="5" cols="20" name="gaishu"></textarea><br>
    计划投入金额:<input name="ordered"><br>
    需求状态:<input name="ordered"><br>
    填报时间:<input name="ordered"><br>


    <input type="submit" value="提交">
</form>
</body>
</html>

 经过今天的测试我意识到我还有很多的不足,以后我会继续努力的!