人口信息普查系统-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能达到增 ...
随机推荐
- Centos 切换中文输入法
切换输入法看起来是一个非常简单的操作,但是对于初学者来说,也并非那么简单,开始会发现按Ctrl+space无法切换中文输入法,原因是系统没有安装中文输入法,运行以下命令可以安装中文输入法: yum i ...
- DAGs with NO TEARS: Continuous Optimization for Structure Learning
DAGs with NO TEARS: Continuous Optimization for Structure Learning 目录 DAGs with NO TEARS: Continuous ...
- Gumbel distribution
目录 概 主要内容 定义 Gumbel-Max trick Gumbel trick 用于归一化 代码 概 感觉这个分布的含义很有用啊, 能预测'最大', 也就是自然灾害, 太牛了. 主要内容 定义 ...
- Android物联网应用程序开发（智慧城市）—— 用户注册界面开发
效果: 布局代码: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns: ...
- 编写Java程序，创建一个 Person 类，该类中有一个类成员变量 country、一个实例变量 name 和另一个实例变量 age。
返回本章节 返回作业目录 需求说明: 创建一个 Person 类,该类中有一个类成员变量 country.一个实例变量 name 和另一个实例变量 age. country 表示地区,name 表示姓 ...
- gPRC基本介绍
1.说明 gRPC英文全名为Google Remote Procedure Call, 即Google远程过程调用, 是Google发布的一个高性能.通用的开源RPC框架, 2.gRPC定义 gRPC ...
- CGO封装C语言qsort函数
封装qsort函数 package qsort /* #include <stdlib.h> typedef int (*qsort_cmp_func_t) (const void* a, ...
- mongdb集群
一.mongodb的集群 mongodb有两种架构: 第一种架构:和mysql的结构类似,也有主从结构,但是他不能实现故障自动切换 于是有了第二种架构.官方不推荐使用这种架构. 第二种:mongodb ...
- linux 之 expect 交互操作（自动输入密码）
场景 需要实现执行一个命令,并自动输入密码. 实现 通过expect命令实现 spawn 交互程序开始后面跟命令或者指定程序expect 获取匹 ...
- 详谈 Java工厂 --- 抽象工厂模式
1.前言 感觉工厂模式都好鸡肋,还特别绕来绕去,当然,好处还是有的,将一些类似的业务都集成到工厂了, 不需要理会底层是怎么运行的,我只需要向调用工厂即可获取我要的结果,也不需要考虑工厂返回的东西类型, ...