• 11.10


    期中考试。人口普查系统,实现人口信息的增删改查。

    哈哈哈!!!一段操作最后取得18.5(满分20)

    接下来几天我会分部分的将所有相关代码发表出来!

    今天首先发表一下主页面以及增加人口信息的界面代码吧!

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    <div id="addSubjectForm" align="center">
                    <form action="SubjectAddServlet" method="post">
                    <tr>
                    <td>人口普查系统 </td></tr>
                    <ul>
                    <li><a href="schooladd.jsp">人口信息录入 </a></li>
                    <li><a href="schoolupdate.jsp">人口信息修改  </a></li>
                    <li><a href="schooldelete.jsp">删除人口信息  </a></li>
                    <li><a href="schoolshow0.jsp">浏览人口信息  </a></li>
                    <li><a href="schoolselect.jsp">查询人口信息  </a></li>
                    </ul>
                    </form>
    </body>
    </html>

    增加人口信息的界面,其中主要有一些文本框,下拉框和单选框的实现的代码

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <div id="addSubjectForm" align="center">
    <form action="SchoolAddServlet" method="post">
    <tr>
    <h2>请输入人口信息</h2>
    </tr>
    
    <table align="center"> 
    <tr>
        <td>户别:</td>
         <td> 
     <input type="radio" name="classname" value="集体户">集体户
     <input type="radio" name="classname" value="家庭户" checked>家庭户
    
     </td>
        </tr>
        
        <tr>
        <td> 住房类型:</td>
            <td> 
     <input type="radio" name="classteacher" value="家庭住宅">家庭住所 
     <input type="radio" name="classteacher" value="集体住所" checked>集体住所
     <input type="radio" name="classteacher" value="工作地住所">工作地住所
     <input type="radio" name="classteacher" value="其他住宅">其他住宅
     <input type="radio" name="classteacher" value="无住宅">无住宅
     </td>
        </tr>
        
        <tr>
        <td>本户现住房面积:</td>
        <td> 
         <input type="text" name="classplace" onkeyup="value=value.replace(/^(0+)|[^d]+/g,'')">平方米(只能输入整数)  
         </td> 
        </tr>
        
    <tr>
        <td>本户现住房间数:</td>
        <td>
        <input type="text" name="classnum" onkeyup="value=value.replace(/^(0+)|[^d]+/g,'')">间(只能输入整数)
        </td>
    </tr>
    
    <tr>
    
        <td>户主姓名:</td>
        <td>
        <input type="text" name="zhuname">
        </td>
    </tr>
    
    <tr>
        <td>身份证号码:</td>
        <td>
        <input type="text" name="ID" onblur="isCardNo(this.value)">
        </td>
    </tr>
    
    <tr>
        <td>性别:</td>
        <td>
         <input type="radio" name="sex" value=""><input type="radio" name="sex" value="" checked></td>
    </tr>
    
    <tr>
        <td>民族:</td>
        <td>
        <input type="text" name="minzu">
        </td>
    </tr>
    
    <tr>
        <td>受教育程度:</td>
        <td>
         <select name="education"> 
         <option value="研究生">研究生</option> 
         <option value="大学本科">大学本科</option> 
         <option value="大学专科">大学专科</option>
         <option value="高中" selected>高中</option> 
         <option value="初中">初中</option> 
         <option value="小学">小学</option> 
         <option value="未上过学">未上过学</option> 
          
         </select> 
        </td>
    </tr>
    
    <tr>
                          <td colspan="2"><div align="center">
                            <input type="submit" value="录入">    
                        </div>
                    </td>
                      </tr>
                      </form>
                      </div>
                      
    </body>
    <script type="text/javascript">
    function check()                        //封装一个<body>中做成点击事件的函数
    {
        
        if($('input:radio[name="classname"]:checked').val()==null) {
              alert('户别不能为空!');
              document.getElementById('classname').focus();
              return false;
             }
        if($('input:radio[name="classteacher"]:checked').val()==null) {
              alert('住房类型不能为空!');
              document.getElementById('classteacher').focus();
              return false;
             }
        if($('input:radio[name="sex"]:checked').val()==null) {
              alert('性别不能为空!');
              document.getElementById('sex').focus();
              return false;
             }
        if(document.getElementById('classplace').value=='') {
              alert('现住房面积不能为空!');
              document.getElementById('classplace').focus();
              isInterger(classplace);
              return false;
             }
        
        if(document.getElementById('calssnum').value=='') {
              alert('现住房间数不能为空!');
              document.getElementById('classnum').focus();
              return false;
             }
        
        if(document.getElementById('zhuname').value=='') {
              alert('户主姓名不能为空!');
              document.getElementById('zhuname').focus();
              return false;
             }
        
        
        if(document.getElementById('minzu').value=='') {
              alert('民族不能为空!');
              document.getElementById('minzu').focus();
              return false;
             }
         if(document.getElementById('education').value=='') {
              alert('受教育程度不能为空!');
              document.getElementById('education').focus();
              return false;
             }
        return true;
    }
    function isCardNo(card) 
    { 
      // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X 
      var reg = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/; 
      if(reg.test(card) === false) 
      { 
        alert("身份证输入不合法"); 
        document.getElementById('ID').value="";
      } 
    }
    </script>
    </html>
  • 相关阅读:
    Spring boot unable to determine jdbc url from datasouce
    Unable to create initial connections of pool. spring boot mysql
    spring boot MySQL Public Key Retrieval is not allowed
    spring boot no identifier specified for entity
    Establishing SSL connection without server's identity verification is not recommended
    eclipse unable to start within 45 seconds
    Oracle 数据库,远程访问 ora-12541:TNS:无监听程序
    macOS 下安装tomcat
    在macOS 上添加 JAVA_HOME 环境变量
    Maven2: Missing artifact but jars are in place
  • 原文地址:https://www.cnblogs.com/cdl-sunshine/p/14159977.html
Copyright © 2020-2023  润新知