1 2 3 4

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>

 

posted @ 2020-11-10 23:01  小陈的太阳  阅读(105)  评论(0编辑  收藏  举报