zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    百度地图API(二)
    Android开发--页面切换
    Android开发--Socket通信
    android开发--okhttp
    android开发--下载图片
    Android--Handler
    android开发--多线程
    android开发--Application
    android开发--ormlite
    android开发--数据库(更新或者降低版本)
  • 原文地址:https://www.cnblogs.com/cdl-sunshine/p/14159977.html
Copyright © 2011-2022 走看看