期中考试。人口普查系统,实现人口信息的增删改查。
哈哈哈!!!一段操作最后取得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>