人口信息普查系统-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】160. Intersection of Two Linked Lists 解题报告（Python）
作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 双指针 栈 日期 题目地址:https://leet ...
- 前后端java+vue 实现rsa 加解密与摘要签名算法
RSA 加密.解密.签名.验签.摘要,前后端java+vue联调测试通过 直接上代码 // 注意:加密密文与签名都是唯一的,不会变化.// 注意:vue 端密钥都要带pem格式.java 不要带pem ...
- JVM垃圾收集器专题
垃圾收集器:利用垃圾收集算法,实现垃圾回收的实践落地. 1 HotSpot垃圾回收器 HotSpot垃圾回收器有多个,可以配合使用. 1.1 垃圾回收的一些术语 术语: Stop the world ...
- sping练习，在Eclipse搭建的Spring开发环境中，使用工厂方式创建Bean对象，将创建的Bean对象输出到控制台。
相关 知识 >>> 相关 练习 >>> 实现要求: 在Eclipse搭建的Spring开发环境中,使用工厂方式创建Bean对象,将创建的Bean对象输出到控制台.要 ...
- LDAP客户端安装
安装环境: 10.43.159.7 客户端 使用ldap客户端验证登陆: 用户为10.43.159.9服务端上面创建的ldap:zdh1234 1.安装LDAP client认证需要的pam包 yum ...
- centos6.5 搭建zabbix3.0
一.搭建LAMP平台 注意zabbix3.0需要php5.4以上的版本 (1)安装依赖包 httpd和mysql安装过程省略 rpm -e httpd --nodeps yum -y install ...
- mysql组织结构
1.数据的组织结构 <1>层次型 <2>网状型 <3>关系型 2.mysql软件包格式 <1>.软件包管理器特有的格式:.rpm包 ...
- Python_关于python2的encode（编码）和decode（解码）的使用
在使用Python2时,我们习惯于在文件开头声明编码 # coding: utf-8 不然在文件中出现中文,运行时就会报错 SyntaxError: Non-ASCII character... 之类 ...
- unittest_测试报告（6）
用例执行完成后,执行结果默认是输出在屏幕上,其实我们可以把结果输出到一个文件中,形成测试报告. unittest自带的测试报告是文本形式的,如下代码: import unittest if __nam ...
- Window10系统修改hosts文件的方法
背景: 调试smtp程序时遇到问题,度娘说需要修改hosts文件 使用老方法修改了很久,始终无法保存 又百度了一下,在此重温,以加深记忆 方法: Step1.同时按住Windows+X Step2.选 ...