人口信息普查系统-JavaWeb-四
今天给大家分享前端人口登记页面,人口查询页面
人口登记
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>人口登记</title>
<style>
.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" id="div1">
<h1 style="color: rgb(165, 143, 143);">人口信息登记</h1>
<form action="/人口普查系统HtmlJsp/servlet?method=add" name="information" method="post" onsubmit="return check()">
<div class="a">
<label>户别:</label>
<input type="radio" name="hubie" value="家庭户" checked="checked" />家庭户
<input type="radio" name="hubie" value="集体户" />集体户
</div>
<div class="a">
<label>住房类型:</label>
<input type="radio" name="type" value="家庭住宅" checked="checked" />家庭住宅
<input type="radio" name="type" value="集体住所" />集体住所
<input type="radio" name="type" value="工作地住所" />工作地住所
<input type="radio" name="type" value="其他住宅" />其他住宅
<input type="radio" name="type" value="无住宅" />无住宅
</div> <div class="a">
本户现住房面积:<input type="text" id="sqare" name="spare" runat="server" maxlength="100" size="10" onblur="if(/[^0-9]/.test(this.value)){alert('Error');}" />平方米
</div> <div class="a">
本户现住房间数:<input type="text" id="jian" name="number" runat="server" maxlength="100" size="10" onblur="if(/[^0-9]/.test(this.value)){alert('Error');}" />间
</div> <div class="a">
房主姓名:<input type="text" id="owname" name="name" />
</div> <div class="a">
身份证号码:<input type="text" id="idcard" name="idcard" maxlength="18" onKeyUp="value=value.replace(/[\W]/g,'')" />
</div> <div class="a">
<label>性别:</label>
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
</div> <div class="a">
民族<input type="text" id="zu" name="nation" />
</div> <div class="form-group">
<label for="education">受教育程度:</label>
<select name="education" class="form-control" id="education">
<option value="研究生">研究生</option>
<option value="大学本科">大学本科</option>
<option value="大学专科">大学专科</option>
<option value="高中">高中</option>
<option value="初中">初中</option>
<option value="小学">小学</option>
<option value="未上过学">未上过学</option>
</select>
</div> <div class="a">
<button type="submit" class="b">保 存</button>
</div>
<div class="a">
<a href="index.jsp">返回</a>
</div>
</form>
</div>
<script Language="javaScript">
function check() {
if (document.information.sqare.value == "") {
alert("住房面积不能为空.");
document.information.sqare.focus();
return false;
}
if (document.information.jian.value == "") {
alert("房间数不能为空.");
document.information.jian.focus();
return false;
}
if (document.information.owname.value == "") {
alert("房主姓名不能为空.");
document.information.owname.focus();
return false;
}
if (document.information.idcard.value == "") {
alert("身份证号不能为空.");
document.information.idcard.focus();
return false;
}
if (document.information.zu.value == "") {
alert("民族不能为空.");
document.information.zu.focus();
return false;
}
var a = document.information.idcard.value.length;
if (a != 18) {
alert("身份证位数应为18位.");
document.information.idcard.focus();
return false;
}
var reg = /^[0-9]+.?[0-9]*$/;
/*for(var i=0;i<a;i++)
{
if (reg.test(document.information.idcard.value.charCodeAt(i))) {}
else if(document.information.idcard.value.charCodeAt(i)==X&&i==12){}
else if(document.information.idcard.value.charCodeAt(i)==x&&i==12){}
else{
alert("身份证输入非法字符");
document.information.idcard.focus();
return false;
}
}*/
return true;
}
</script>
</body> </html
人口信息查询
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head> <body>
<form action="/人口普查系统HtmlJsp/servlet?method=show" method="POST">
请输入户主姓名
<input type="text" name="name"><br>
<input type="submit" value=查询> </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>
<style>
.a{
margin-top: 20px;
}
.b{
font-size: 20px;
width: 160px;
color: white;
background-color: greenyellow;
}
</style>
</head>
<body>
<div align="center">
<h1 style="color: cyan;">信息查询</h1>
<form action="/人口普查系统HtmlJsp/servlet?method=Serach" method="post" onsubmit="return check()">
<div class="a">
房主姓名:<input type="text" name="name"/>
</div> <div class="a">
<label>性别:</label>
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
</div> <div class="a">
民族<input type="text" name="nation"/>
</div> <div class="form-group">
<label for="address">受教育程度:</label>
<select name="education" class="form-control" id="address">
<option value=" ">无</option>
<option value="研究生">研究生</option>
<option value="大学本科">大学本科</option>
<option value="大学专科">大学专科</option>
<option value="高中">高中</option>
<option value="初中">初中</option>
<option value="小学">小学</option>
<option value="未上过学">未上过学</option>
</select>
</div> <div class="a">
<button type="submit" class="b">查 询</button>
</div>
<div class="a">
<a href="index.jsp" >返回</a>
</div>
</form>
</div>
</body>
</html>
人口信息普查系统-JavaWeb-四的更多相关文章
- 人口信息普查系统-JavaWeb-一
建民说要期中考试了,我赶紧翻阅了去年的考试题目,去年的试题是要求做一个人口普查系统.我就试着做了一下,今天主要和大家分享题目要求. 其中考试确实有些难度,用到了许多没有接触过的知识,比如JavaScr ...
- 人口信息普查系统-JavaWeb-五
今天分享人口普查系统删除查询前端代码 <%@ page language="java" contentType="text/html; UTF-8" pa ...
- 人口信息普查系统-JavaWeb-三
今天给大家分享前端主页面的代码,设有五个功能.涉及到增删改查,用到了超链接的跳转. <!DOCTYPE html> <html lang="en"> < ...
- 人口信息普查系统-JavaWeb-二
上次发表了人口普查系统的题目要求,今天和大家分享一下我的技术方案. 技术上用到的是html+jsp+JavaBean+servlet+JavaScript 其实现在的前端页面主流还是html,它可以实 ...
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇(用户管理功能的实现)
“MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇(用户管理功能的实现) 一.前三篇的内容是否对您有帮助呢?如果有的话,请您继续关注这篇吧,这篇主要是实现”用户管理“的 ...
- 【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注
原文:[百度地图API]建立全国银行位置查询系统(四)--如何利用百度地图的数据生成自己的标注 摘要: 上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?&quo ...
- C语言身份证信息查询系统(修改版)
很久以前写了一个<C语言身份证信息查询系统>,如果你点击链接进去看了. 估计也会被我那磅礴大气的代码震惊到的,最近复习/学习文件操作,把代码改了改,算是对以前还不会文件操作的时候的愿望,哈 ...
- “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成)
“MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成) 一.这篇文章主要是要实现:图片新闻的添加,无刷新图片的上传,以及添加新闻静 ...
- “MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构、登录窗口、以及主界面)
“MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构.登录窗口.以及主界面) 一.在上一篇文章中,主要说的就是把主框架搭建起来,并且Nhibernate能达到增 ...
随机推荐
- 【LeetCode】925. Long Pressed Name 解题报告(Python)
作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 参考资料 日期 题目地址:https://leetc ...
- 1108 - Instant View of Big Bang
1108 - Instant View of Big Bang PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limi ...
- Pikachu漏洞练习-SQL-inject(持续更新)
本来在bup中repeater模式可以多次测试,但不知为何总是出错 这里把我们想查询的数据库和版本进行联合查询,放包,页面回显数据库名称和版本分别为pikachu,5.7.26 数据库版本大于5那么i ...
- Java线程安全MAP ,LIST ,SET
ConcurrentHashMap是线程安全的HashMap, CopyOnWriteArrayList是线程安全的ArrayList CopyOnWriteArraySet是线程安全的Set.
- 去除input标签点击时的默认样式
去除input标签点击时的默认样式的方法 outline:none; //去除点击时的边框 border : none; //去除input框的边框
- C++判断月份天数(判断闰年)
题目描述 输入年份和月份,输出这一年的这一月有多少天.需要考虑闰年. 输入格式 无 输出格式 无 输入输出样例 输入 #1 输出 #1 1926 8 31 输入 #2 输出 #2 2000 2 29 ...
- 『动善时』JMeter基础 — 59、进行JMeter分布式测试遇到的坑
目录 1.控制机端 (1)执行机没有关闭防火墙 (2)内存溢出 2.执行机端 (1)启动jmeter-server服务情况一 (2)启动jmeter-server服务情况二 (3)启动jmeter-s ...
- 更新系统为High sierra 后无法使用Cocoapods
sudo gem update --system sudo gem install -n /usr/local/bin cocoapods执行完就可以直接用了.
- Spring Boot 整合 Fisco Bcos(区块链)
简介 FISCO BCOS是由国内企业主导研发.对外开源.安全可控的企业级金融联盟链底层平台,由金链盟开源工作组协作打造,并于2017年正式对外开源. 目前,成熟的区块链的平台不少,之所以选择FISC ...
- shell3-循环
常用的循环语句有3种: <1>for <2>while <3>utile 1.for语句的格式: for 变量名 in 列表: do 循环体 done 如何生成列表 ...