java-Web(项目部分)

最新推荐文章于 2023-03-01 23:35:07 发布
最新推荐文章于 2023-03-01 23:35:07 发布
阅读量184 收藏 1
点赞数 1
文章标签： html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxcncb/article/details/108736346
版权

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加收费项目</title>
		<style>
			.td{
				background-color: gray;
				width: 120px;
				height: 40px;
			}
			
			.td2{
				width: 1200px;
			}
		</style>
		<script>
			function checkaddmoneynum(){
				var d1CodeValue=document.getElementById("d1").value;
				document.getElementById("d1Div").innerHTML="";
				if(d1CodeValue.length==0){
					document.getElementById("d1Div").innerHTML="请填写收费金额！";
					return false;
				}
				return true;
			}
		</script>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">药品管理</td>
						<td style="font-size: small; color:darkmagenta ;">住院办理</td>
						<td style="font-size: small; color:darkmagenta ;">收费项目登记</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table border="1" align="center">
					<tr>
						<td class="td">病历号</td>
						<td class="td2">1103</td>
					</tr>
					
					<tr>
						<td class="td">姓名</td>
						<td>黄飞鸿</td>
					</tr>
					
					<tr>
						<td class="td">收费项目</td>
						<td>
							<input type="text" name="addmoney" size="40" />输入自动匹配出来
						</td>
					</tr>
					
					<tr>
						<td class="td">收费金额</td>
						<td>
							<input type="text" name="addmoneynum" size="40" id="d1" onblur="checkaddmoneynum()" />
							<div id="d1Div"></div>
						</td>
					</tr>
					
					<tr>
						<td colspan="2" align="center">
							<input type="image" src="../img/save.png" width="50px" />
							<input type="image" src="../img/return.png" width="70px" height="28px" />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>住院发药</title>
		<style>
			.td{
				background-color: gray;
				width: 120px;
				height: 40px;
			}
			
			.td2{
				width: 1200px;
			}
		</style>
		<script>
			function checkaddmoneynum(){
				var d1CodeValue=document.getElementById("d1").value;
				document.getElementById("d1Div").innerHTML="";
				if(d1CodeValue.length==0){
					document.getElementById("d1Div").innerHTML="请填写发药数量！";
					return false;
				}
				return true;
			}
		</script>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">药品管理</td>
						<td style="font-size: small; color:darkmagenta ;">住院办理</td>
						<td style="font-size: small; color:darkmagenta ;">收费项目登记</td>
						<td style="font-size: small; color:darkmagenta ;">在院发药</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form action="hospitalmedicine.html" method="post">
				<table border="1" align="center">
					<tr>
						<td class="td">病历号</td>
						<td class="td2">1101,1102,1104</td>
					</tr>
					
					<tr>
						<td class="td">姓名</td>
						<td>黄飞鸿，黄飞鸿，黄飞鸿</td>
					</tr>
					
					<tr>
						<td class="td">药品名称</td>
						<td>
							<select name="drugname">
							<option value="" selected="selected">2304-九九感冒药</option>
							<option value="1">2305-甘草片</option>
							<option value="2">2306-疫苗</option>
							<option value="3">2307-安乃近</option>
							<option value="4">2308-发烧药</option>
						</select>
						</td>
					</tr>
					
					<tr>
						<td class="td">发药数量</td>
						<td>
							<input type="text" name="addmoneynum" size="40" id="d1" onblur="checkaddmoneynum()" />
							<div id="d1Div"></div>
						</td>
					</tr>
					
					<tr>
						<td colspan="2" align="center">
							<input type="image" src="../img/save.png" width="50px" />
							<input type="image" src="../img/return.png" width="70px" height="28px" />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>录入住院信息</title>
		
		<style>
			td{
				font-family: 隶书;
			}
			.td{
				background-color: gray;
				width: 120px;
				height: 40px;
			}
			
			.td2{
				width: 1200px;
			}
			
		</style>
		
		<script>
			//病历号
			function checksickmessage(){
				var regCode=/^\d{10}$/;
				var d1CodeValue=document.getElementById("d1").value;
				document.getElementById("d1Div").innerHTML="";
				if(!regCode.test(d4CodeValue)){
					document.getElementById("d1Div").innerHTML="病例号由十位数字组成！";
					return false;
				}
				return true;
			}
			//护理
			function checknurse(){
				var d2CodeValue=document.getElementById("d2").value;
				document.getElementById("d2Div").innerHTML="";
				if(d2CodeValue.length==0){
					document.getElementById("d2Div").innerHTML="请填写护理人姓名！";
					return false;
				}
				return true;
			}
			//床位号
			function checkseatnum(){
				var d3CodeValue=document.getElementById("d3").value;
				document.getElementById("d3Div").innerHTML="";
				if(d3CodeValue.length==0){
					document.getElementById("d3Div").innerHTML="请填写床位号！";
					return false;
				}
				return true;
			}
			//缴费押金
			function checkdeposit(){
				var d4CodeValue=document.getElementById("d4").value;
				document.getElementById("d4Div").innerHTML="";
				if(d4CodeValue.length==0){
					document.getElementById("d4Div").innerHTML="请填写缴费押金！";
					return false;
				}
				return true;
			}
			//病情
			function checkanillness(){
				var d5CodeValue=document.getElementById("d5").value;
				document.getElementById("d5Div").innerHTML="";
				if(d5CodeValue.length==0){
					document.getElementById("d5Div").innerHTML="您未填写病情！";
					return false;
				}
				return true;
			}
			//验证不通过不可以提交
			function validate(){
				if (checksickmessage()&&checknurse()&&checkseatnum()&&checkdeposit()&&checkanillness()) {
					return true;
				}
				return false;
			}
		</script>
	</head>
	<body>
		<div>
			<form action="rightpayitms.html" method="post" onsubmit="return validate()">
				<table border="1" align="center">
					<tr>
						<td class="td">病历号</td>
						<td>&nbsp;
							<input type="text" name="sickmessage" value="输入病历号回车自动带出挂号人信息" size="40" id="d1" onblur="checksickmessage()" />
							<div id="d1Div"></div>
						</td>
					</tr>
				
					<tr>
						<td class="td">姓名</td>
						<td class="td2">&nbsp;黄飞鸿</td>
					</tr>
				
					<tr>
						<td class="td">证件类型</td>
						<td>&nbsp;身份证</td>
					</tr>
				
					<tr>
						<td class="td">证件号</td>
						<td>&nbsp;42068325467876</td>
					</tr>
				
					<tr>
						<td class="td">社保号</td>
						<td>&nbsp;423423432</td>
					</tr>
					
					<tr>
						<td class="td">联系电话</td>
						<td>&nbsp;13126576456</td>
					</tr>
					
					<tr>
						<td class="td">是否自费</td>
						<td>&nbsp;
							<input type="radio" name="check" value="否" checked="checked" />否
							<input type="radio" name="check" value="是" />是
						</td>
					</tr>
					
					<tr>
						<td class="td">性别</td>
						<td>&nbsp;
							<input type="radio" name="sex" value="男" checked="checked" />男
							<input type="radio" name="sex" value="女" />女
						</td>
					</tr>
					
					<tr>
						<td class="td">年龄</td>
						<td>&nbsp;33</td>
					</tr>
					
					<tr>
						<td class="td">初复诊</td>
						<td>&nbsp;
							<input type="radio" name="check1" value="初诊" checked="checked" />初诊
							<input type="radio" name="check1" value="复诊" />复诊
						</td>
					</tr>
					
					<tr>
						<td class="td">所挂科室</td>
						<td>&nbsp;
							<select name="house">
							<option value="" selected="selected">急诊科</option>
							<option value="1">急诊内科</option>
							<option value="2">急诊外科</option>
							<option value="3">消化科</option>
							<option value="4">神经内科</option>
							<option value="5">肾内科</option>
							<option value="6">肿瘤科</option>
							<option value="7">院感科</option>
							<option value="8">心血管内科</option>
						</select>
						</td>
					</tr>
					
					<tr>
						<td class="td">指定医生</td>
						<td>&nbsp;
							<select name="house">
							<option value="" selected="selected">程俊</option>
							<option value="1">沈青川</option>
							<option value="2">欧阳雨露</option>
							<option value="3">艾小天</option>
							<option value="4">王博</option>
						</select>
						</td>
					</tr>
					
					<tr>
						<td class="td">备注</td>
						<td>&nbsp;暂无&nbsp;以上信息为输入病历号自动带出来的</td>
					</tr>
					
					<tr>
						<td class="td">护理</td>
						<td>&nbsp;
							<input type="text" name="nurse" size="40" id="d2" onblur="checknurse()" /><div id="d2Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">床位号</td>
						<td>&nbsp;
							<input type="text" name="seatnum" size="40" id="d3" onblur="checkseatnum()" /><div id="d3Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">缴费押金</td>
						<td>&nbsp;
							<input type="text" name="deposit" size="40" id="d4" onblur="checkdeposit()" /><div id="d4Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">病情</td>
						<td>&nbsp;
							<textarea name="anillness" cols="18" rows="2" id="d5" onblur="checkanillness()"></textarea><div id="d5Div"></div>
						</td>
					</tr>
					
					<tr>
						<td colspan="2" align="center">
							<input type="image" src="../img/save.png" width="50px" />
							<a href=""></a>
							<input type="image" src="../img/return.png" width="70px" height="28px" />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户管理</title>
		<style>
			.td{
				background-color: gray;
				width: 120px;
				height: 40px;
			}
			
			.td2{
				width: 1200px;
				border-style: solid;
			}
		</style>
		
		<script>
			//登录名
			function checkloginname(){
				var usernameValue=document.getElementById("d1").value;
				if(usernameValue.length==0){
					document.getElementById("d1Div").innerHTML="名字不能为空！";
					return false;
				}
				for(var i=0;i<user.length;i++){
					var j=user.substring(i,i+1)
					if(j>=0){
						document.getElementById("d1Div").innerHTML="名字中不能出现数字！";
					}
				}
				return true;
			}
			//密码
			function checkpwd(){
				var password=document.getElementById("d2");
				var value=password.value;
				document.getElementById("d2Div").innerHTML="";
				if(value.length<6){
					document.getElementById("d2Div").innerHTML="密码至少包含6个字符！";
					return false;
				}
				return true;
			}
			//真实姓名
			function checktruename(){
				var d3CodeValue=document.getElementById("d3").value;
				document.getElementById("d3Div").innerHTML="";
				if(d3CodeValue.length==0){
					document.getElementById("d3Div").innerHTML="请填写真实姓名！";
					return false;
				}
				return true;
			}
			//邮箱
			function checkmail(){
				var emailValue=document.getElementById("d4").value;
				if(emailValue.length==0){
					document.getElementById("d4Div").innerHTML="邮箱不能为空！";
					return false;
				}
				if(emailValue.indexOf("@")==-1){
					document.getElementById("d4Div").innerHTML="邮箱必须包含@";
					return false;
				}
				if(emailValue.indexOf(".")==-1){
					document.getElementById("d4Div").innerHTML="邮箱必须包含.";
					return false;
				}
				return true;
			}
			function validate(){
				if (checkloginname()&&checkpwd()&&checktruename()&&checkmail()) {
					return true;
				}
				return false;
			}
		</script>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form action="userMessage1.html" method="post" onsubmit="return validate()">
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ;">用户管理</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form action="hospitalmedicine.html" method="post">
				<table border="1" align="center" width="100%">
					<tr>
						<td class="td">登录名</td>
						<td class="td2">
							<input type="text" name="loginname" size="40" id="d1" onblur="checkloginname()" /><div id="d1Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">密码</td>
						<td>
							<input type="password" name="pwd" size="40" id="d2" onblur="checkpwd()" /><div id="d2Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">真实姓名</td>
						<td>
							<input type="text" name="truename" size="40" id="d3" onblur="checktruename()" /><div id="d3Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">邮箱</td>
						<td>
							<input type="text" name="mail" size="40" id="d4" onblur="checkmail()" /><div id="d4Div"></div>
						</td>
					</tr>
					
					<tr>
						<td class="td">状态</td>
						<td>
							<input type="radio" name="state" value="启用" checked="checked" />启用
							<input type="radio" name="state" value="禁用" />禁用
						</td>
					</tr>
					
					<tr>
						<td class="td">角色</td>
						<td>
							<select name="drugname">
								<option value="" selected="selected">--请选择--</option>
								<option value="1">迪迦</option>
								<option value="2">泰罗</option>
								<option value="3">盖亚</option>
								<option value="4">艾斯</option>
							</select>
						</td>
					</tr>
					
					<tr>
						
						<td class="td"></td>
						<td>
							<input type="image" src="../img/update.png" width="50px" />
							<a href="userMessage1.html" target="right"><img src="../img/return.png" width="60px" height="25px" /></a>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>药品管理</title>
		<script>
			//药品编号
			function checkdrugnum(){
				var regCode=/^\d{4}$/;
				var d1CodeValue=document.getElementById("d1").value;
				document.getElementById("d1Div").innerHTML="";
				if(!regCode.test(d1CodeValue)){
					document.getElementById("d1Div").innerHTML="药品编号是四位且不能为空！";
					return false;
				}
				return true;
			}
			//进价
			function checkcost(){
				var d2CodeValue=document.getElementById("d2").value;
				if(d2CodeValue.length==0){
					document.getElementById("d2Div").innerHTML="进价不能为空！";
					return false;
				}
				return true;
			}
			//售价
			function checksell(){
				var d2CodeValue=document.getElementById("d2").value;
				var d3CodeValue=document.getElementById("d3").value;
				if(d3CodeValue<d2CodeValue){
					document.getElementById("d3Div").innerHTML="售价不能低于进价！";
					return false;
				}
				if(d3CodeValue.length==0){
					document.getElementById("d3Div").innerHTML="售价不能为空！";
					return false;
				}
				return true;
			}
			//药品名称
			function checkdrugname(){
				var regCode=/^\S$/;
				var d4CodeValue=document.getElementById("d4").value;
				document.getElementById("d4Div").innerHTML="";
				if(!regCode.test(d4CodeValue)){
					document.getElementById("d4Div").innerHTML="药品名称不能为空！";
					return false;
				}
				return true;
			}
			//简单描述
			function checkbrief(){
				var d5CodeValue=document.getElementById("d5").value;
				document.getElementById("d5Div").innerHTML="";
				if(d5CodeValue.length==0){
					document.getElementById("d5Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//生产日期
			function checkstartdate(){
				var d6CodeValue=document.getElementById("d6").value;
				document.getElementById("d6Div").innerHTML="";
				if(d6CodeValue.length==0){
					document.getElementById("d6Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//过期日期
			function checkenddate(){
				var d6CodeValue=document.getElementById("d6").value;
				var d7CodeValue=document.getElementById("d7").value;
				if(d7CodeValue<d6CodeValue){
					document.getElementById("d7Div").innerHTML="售价不能低于进价！";
					return false;
				}
				if(d7CodeValue.length==0){
					document.getElementById("d7Div").innerHTML="售价不能为空！";
					return false;
				}
				return true;
			}
			//详细描述
			function checkdescrible(){
				var d8CodeValue=document.getElementById("d8").value;
				document.getElementById("d8Div").innerHTML="";
				if(d8CodeValue.length==0){
					document.getElementById("d8Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//生产厂商
			function checkmanufacturers(){
				var d9CodeValue=document.getElementById("d9").value;
				document.getElementById("d9Div").innerHTML="";
				if(d9CodeValue.length==0){
					document.getElementById("d9Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//服用说明
			function checktakedrug(){
				var d10CodeValue=document.getElementById("d10").value;
				document.getElementById("d10Div").innerHTML="";
				if(d10CodeValue.length==0){
					document.getElementById("d10Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//总的进货量
			function checkamount(){
				var d11CodeValue=document.getElementById("d11").value;
				document.getElementById("d11Div").innerHTML="";
				if(d11CodeValue.length==0){
					document.getElementById("d11Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//备注
			function checksay(){
				var d12CodeValue=document.getElementById("d12").value;
				document.getElementById("d12Div").innerHTML="";
				if(d12CodeValue.length==0){
					document.getElementById("d12Div").innerHTML="简单描述不能为空！";
					return false;
				}
				return true;
			}
			//验证不通过不可以提交
			function validate(){
				if (checkdrugnum()&&checkcost()&&checksell()&&checkdrugname()&&checkbrief()&&checkstartdate()
					&&checkenddate()&&checkdescrible()&&checkmanufacturers()&&checktakedrug()&&checkamount()&&checksay()) {
					return true;
				}
				return false;
			}
			
		</script>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ;">门诊医生管理</td>
						<td style="font-size: small; color:darkmagenta ;background-color: white;">药品管理</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form action="reg.html" method="post" onsubmit="return validate()">
			<table width="100%" height="700" border="1" bordercolor="blue">
				<tr>
					<td style="font-size: small;  background-color: darkgray;">药品编号</td>
					<td><input type="text" name="drugnum" size="25" id="d1" onblur="checkdrugnum()"/><div id="d1Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">图片</td>
					<td><input type="file" name="files" value="选择文件"/></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">进价</td>
					<td><input type="text" name="cost" size="25" id="d2" onblur="checkcost()" /><div id="d2Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">售价</td>
					<td><input type="text" name="sell" size="25" id="d3" onblur="checksell()" /><div id="d3Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">药品名称</td>
					<td><input type="text" name="drugname" size="25" id="d4" onblur="checkdrugname()" /><div id="d4Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">药品类型</td>
					<td><input type="radio" name="drug" value="处方药" checked="checked" />处方药&nbsp;
						<input type="radio" name="drug" value="中药"  />中药&nbsp;
						<input type="radio" name="drug" value="西药"  />西药
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">简单描述</td>
					<td><input type="text" name="brief" size="25" id="d5" onblur="checkbrief()" /><div id="d5Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">生产日期</td>
					<td><input type="text" name="startdate" size="25" id="d6" onblur="checkstartdate()" /><div id="d6Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">过期日期</td>
					<td><input type="text" name="enddate" size="25" id="d7" onblur="checkenddate()" /><div id="d7Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">保质期</td>
					<td>30天</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">详细描述</td>
					<td style="font-size: small;>
						<textarea name="describe" cols="18" rows="2" id="d8" onblur="checkdescrible()"></textarea><div id="d8Div"></div>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">生产厂商</td>
					<td style="font-size: small; background-color: darkgray;">
						<textarea name="manufacturers" cols="18" rows="2" id="d9" onblur="checkmanufacturers()"></textarea><div id="d9Div"></div>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">服用说明</td>
					<td><input type="text" name="takedrug" size="25" id="d10" onblur="checktakedrug()" /><div id="d10Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">总的进货量</td>
					<td><input type="text" name="amount" size="25" id="d11" onblur="checkamount()" /><div id="d11Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">剩余量</td>
					<td>300</td>
				</tr>
				
				<td style="font-size: small; background-color: darkgray;" >备注</td>
					<td style="font-size: small;>
						<textarea name="remarks" cols="18" rows="2" id="d12" onblur="checksay()"></textarea><div id="d12Div"></div>
					</td>
			</table>
		</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>门诊医生管理</title>
		<script>
			//姓名
			function checkdoctorname(){
				var regCode=/^\S{2}$/;
				var d1CodeValue=document.getElementById("d1").value;
				document.getElementById("d1Div").innerHTML="";
				if(!regCode.test(d1CodeValue)){
					document.getElementById("d1Div").innerHTML="姓名不能为空！";
					return false;
				}
				return true;
			}
			//证件号
			function checkidnum(){
				var regCode=/^\d{18}$/;
				var d2CodeValue=document.getElementById("d2").value;
				document.getElementById("d2Div").innerHTML="";
				if(!regCode.test(d2CodeValue)){
					document.getElementById("d2Div").innerHTML="身份证号必须是18位！";
					return false;
				}
				return true;
			}
			//手机
			function checkdoctortelenumber(){
				var regCode=/^1\d{10}$/;
				var d3CodeValue=document.getElementById("d3").value;
				document.getElementById("d3Div").innerHTML="";
				if(!regCode.test(d3CodeValue)){
					document.getElementById("d3Div").innerHTML="联系电话必须是1开头的11位数字";
					return false;
				}
				return true;
			}
			//座机
			function checknumber(){
				var regCode=/^\d{8}$/;
				var d4CodeValue=document.getElementById("d4").value;
				document.getElementById("d4Div").innerHTML="";
				if(!regCode.test(d4CodeValue)){
					document.getElementById("d4Div").innerHTML="联系电话必须是1开头的11位数字";
					return false;
				}
				return true;
			}
			//出生年月
			function checkbirthday(){
				var regCode=/^\d{4}\w{1}\d{2}\w{1}\d{2}\w{1}$/;
				var d5CodeValue=document.getElementById("d5").value;
				document.getElementById("d5Div").innerHTML="";
				if(!regCode.test(d5CodeValue)){
					document.getElementById("d5Div").innerHTML="联系电话必须是1开头的11位数字";
					return false;
				}
				return true;
			}
			//电子邮箱
			function checkMail(){
				var email=document.getElementById("d6");
				var emailValue=email.value;
				
				document.getElementById("d6Div").innerHTML="";
				if(emailValue.length==0){
					document.getElementById("d6Div").innerHTML="email不能为空...";
					return false;
				}
				
				if(emailValue.indexOf("@")==-1){
					document.getElementById("d6Div").innerHTML="email必须包含@...";
					return false;
				}
				
				if(emailValue.indexOf(".")==-1){
					document.getElementById("d6Div").innerHTML="email必须包含...";
					return false;
				}
				
				return true;
			}
			//备注
			function checksay(){
				var d7CodeValue=document.getElementById("d7").value;
				document.getElementById("d7Div").innerHTML="";
				if(d7CodeValue.length==0){
					document.getElementById("d7Div").innerHTML="备注不能为空！";
					return false;
				}
				return true;
			}
			//验证不通过不可以提交
			function validate(){
				if (checkdoctorname()&&checkidnum()&&checkdoctortelenumber()&&checknumber()&&checkbirthday()&&checkMail()&&checksay()) {
					return true;
				}
				return false;
			}
		</script>
	</head>
	<body>
		<div>
			<form action="index.html" method="post" onsubmit="return validate()">
				<table style="background-color: purple;" width="100%">
					<tr align="right">
						<td style="font-size: x-small; color: white;">欢迎您！老贺&nbsp;&nbsp;[退出]</td>
					</tr>
					
					<tr>
						<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
					</tr>
				</table>
			</form>
		</div>
		
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ; background-color: white;">门诊医生管理</td>
						<td style="font-size: small; color:darkmagenta ;">药品管理</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form action="reg.html" method="post">
			<table width="100%" height="700" border="1" bordercolor="blue">
				<tr>
					<td style="font-size: small;  background-color: darkgray;">姓名</td>
					<td><input type="text" name="doctorname" size="25" id="d1" onblur="checkdoctorname()" /><div id="d1Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">证件类型</td>
					<td >
						<select name="card">
							<option value="" selected="selected">身份证</option>
							<option value="1">工作证</option>
							<option value="2">驾驶证</option>
							<option value="3">学生证</option>
							<option value="4">结婚证</option>
							<option value="5">毕业证</option>
							<option value="6">签证</option>
							<option value="7">身份证</option>
							<option value="8">其他证件</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">证件号</td>
					<td><input type="text" name="idnum" size="25" id="d2" onblur="checkidnum()" /><div id="d2Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">手机</td>
					<td><input type="text" name="doctortelenumber" size="25" id="d3" onblur="checkdoctortelenumber()" /><div id="d3Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">座机</td>
					<td><input type="text" name="number" size="25" id="d4" onblur="checknumber()" /><div id="d4Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">性别</td>
					<td><input type="radio" name="sex" value="男" checked="checked" />男
						<input type="radio" name="sex" value="女"  />女
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">出生年月</td>
					<td><input type="text" name="birthday" size="25" id="d5" onblur="checkbirthday()" /><div id="d5Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">年龄</td>
					<td>28岁</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">电子邮箱</td>
					<td><input type="text" name="mail" size="25" id="d6" onblur="checkMail()" /><div id="d6Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">所属科室</td>
					<td>
						<select name="house">
							<option value="" selected="selected">急诊科</option>
							<option value="1">急诊内科</option>
							<option value="2">急诊外科</option>
							<option value="3">消化科</option>
							<option value="4">神经内科</option>
							<option value="5">肾内科</option>
							<option value="6">肿瘤科</option>
							<option value="7">院感科</option>
							<option value="8">心血管内科</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">学历</td>
					<td>
						<select name="doctor">
							<option value="" selected="selected">专科</option>
							<option value="1">初中以上</option>
							<option value="2">高中毕业</option>
							<option value="3">本科</option>
							<option value="4">研究生</option>
						</select>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">备注</td>
					<td style="font-size: small; background-color: darkgray;">
							<textarea name="say" cols="17" rows="4" id="d7" onblur="checksay()"></textarea><div id="d7Div"></div>
						</td>
				</tr>
				
				<tr>
					<td></td>
					<td style="text-align: center;" align="center"><input type="image" src="img/save.png" width="50" height="25"/>&nbsp;&nbsp;&nbsp;
						<a href="doctormessage.html" target="right"><img src="img/return.png" width="60" height="25"/></a></td>
				</tr>
			</table>
		</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录系统</title>
		<script>
			//账号
			function checkUsername(){
				var regCode=/^\d{10}$/;
				var username=document.getElementById("d1");
				if(username.value=="账号"){
					username.value="";
				}
				document.getElementById("d1Div").innerHTML="";
				if(!regCode.test(username.value)){
					document.getElementById("d1Div").innerHTML="账号由十位数字组成，且不能为空！";
					return false;
				}
				return true;
			}
			//密码
			function checkpassword(){
				var password=document.getElementById("d2");
				var value=password.value;
				document.getElementById("d2Div").innerHTML="";
				if(value.length<6){
					document.getElementById("d2Div").innerHTML="密码至少包含6个字符！";
					return false;
				}
				return true;
			}
			//验证码
			function checkcode(){
				var codevalue=document.getElementById("d3").value;
				if(codevalue.indexOf("7236")==-1){
					document.getElementById("d3Div").innerHTML="验证码输入不正确！";
					return false;
				}
				return true;
			}
			//验证不通过不可以提交
			function validate(){
				if (checkUsername()&&checkpassword()&&checkcode()) {
					return true;
				}
				return false;
			}
		</script>
	</head>
	<body>
		<form action="" method="post" onsubmit="return validate()">
			<table align="center" style="background-color: ghostwhite;" height="250" width="200">
				
				<tr>
					<td></td>
				</tr>
				
				<tr>
					<td><span style="font-size: large; font-weight: 600;">&nbsp;&nbsp;&nbsp;登录系统</span></td>
				</tr>
				
				<tr>
					<td><input type="text" name="username" value="账号" size="30" maxlength="15" style="border-color: cornflowerblue;" id="d1" onblur="checkUsername()" /><div id="d1Div"></div></td>
				</tr>
				
				<tr>
					<td><input type="password" name="pwd" size="30" maxlength="20" style="border-color: cornflowerblue;" id="d2"οnblur="checkpassword()" /><div id="d2Div"></div></td>
				</tr>
				
				<tr>
					<td><input type="text" name="code" value="验证码" size="15" maxlength="4" style="border-color: cornflowerblue;" id="d3" onblur="checkcode()" /><span style="font-size: x-small;">7236//</span><div id="d3Div"></div></td>
				</tr>
				
				<tr>
					<td><input type="image" src="img/button1.png"  width="70" height="35"/></td>
				</tr>
			</table>
		</form>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		<script>
			//证件号
			function checkidum(){
				var regCode=/^\d{18}$/;
				var d1CodeValue=document.getElementById("d1").value;
				document.getElementById("d1Div").innerHTML="";
				if(!regCode.test(d1CodeValue)){
					document.getElementById("d1Div").innerHTML="身份证必须是18位！";
					return false;
				}
				return true;
			}
			//社保号
			function checkproductnum(){
				var regCode=/^\d{10}$/;
				var d2CodeValue=document.getElementById("d2").value;
				document.getElementById("d2Div").innerHTML="";
				if(!regCode.test(d2CodeValue)){
					document.getElementById("d2Div").innerHTML="社保号必须是10位！";
					return false;
				}
				return true;
			}
			//挂号费
			function checknummoney(){
				var d3CodeValue=document.getElementById("d3").value;
				document.getElementById("d3Div").innerHTML="";
				if(d3CodeValue.length==0){
					document.getElementById("d3Div").innerHTML="挂号费不能为空！";
					return false;
				}
				return true;
			}
			//联系电话
			function checktelephonenumber(){
				var regCode=/^1\d{10}$/;
				var d4CodeValue=document.getElementById("d4").value;
				document.getElementById("d4Div").innerHTML="";
				if(!regCode.test(d4CodeValue)){
					document.getElementById("d4Div").innerHTML="联系电话必须是1开头的11位数字";
					return false;
				}
				return true;
			}
			//年龄
			function checkage(){
				var regCode=/^(((1[0-1]|[1-9])?\d)|120)$/;
				var d5CodeValue=document.getElementById("d5").value;
				document.getElementById("d5Div").innerHTML="";
				if(!regCode.test(d5CodeValue)){
					document.getElementById("d5Div").innerHTML="年龄在0~120岁之间，且不能为空！";
					return false;
				}
				return true;
			}
			//职业
			function checkjob(){
				var d6CodeValue=document.getElementById("d6").value;
				document.getElementById("d6Div").innerHTML="";
				if(d6CodeValue.length==0){
					document.getElementById("d6Div").innerHTML="职业不能为空！";
					return false;
				}
				return true;
			}
			//备注
			function checksay(){
				var d7CodeValue=document.getElementById("d7").value;
				document.getElementById("d7Div").innerHTML="";
				if(d7CodeValue.length==0){
					document.getElementById("d7Div").innerHTML="备注不能为空！";
					return false;
				}
				return true;
			}
			//验证不通过不可以提交
			function validate(){
				if (checkidum()&&checkproductnum()&&checknummoney()&&checktelephonenumber()&&checkage()&&checkjob()&&checksay()) {
					return true;
				}
				return false;
			}
		</script>
	</head>
	<body>
		<form action="reg.html" method="post" onsubmit="return validate()">
			<table width="100%" height="700" border="1" bordercolor="blue">
				<tr>
					<td style="font-size: small; background-color: darkgray;">证件类型</td>
					<td >
						<select name="card">
							<option value="" selected="selected">身份证</option>
							<option value="1">工作证</option>
							<option value="2">驾驶证</option>
							<option value="3">学生证</option>
							<option value="4">结婚证</option>
							<option value="5">毕业证</option>
							<option value="6">签证</option>
							<option value="7">身份证</option>
							<option value="8">其他证件</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">证件号</td>
					<td><input type="text" name="idnum" size="25" id="d1" onblur="checkidum()" /><div id="d1Div"></div>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">社保号</td>
					<td><input type="text" name="productnum" size="25" id="d2" onblur="checkproductnum()" /><div id="d2Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small;  background-color: darkgray;">挂号费</td>
					<td><input type="text" name="nummoney" size="25" id="d3" onblur="checknummoney()" />元<div id="d3Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">联系电话</td>
					<td style="background-color: darkgray;"><input type="text" name="telephonenumber" size="25" id="d4" onblur="checktelephonenumber()" />
						<div id="d4Div"></div>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">是否自费</td>
					<td><input type="radio" name="judge" value="否" checked="checked" />否
						<input type="radio" name="judge" value="是" />是
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">性别</td>
					<td><input type="radio" name="sex" value="男" checked="checked" />男
						<input type="radio" name="sex" value="女"  />女
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">年龄</td>
					<td><input type="text" name="age" size="25" id="d5" onblur="checkage()" /><div id="d5Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">职业</td>
					<td><input type="text" name="job" size="25" id="d6" onblur="checkjob()" /><div id="d6Div"></div></td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">初复诊</td>
					<td>
						<input type="radio" name="state" value="初诊" checked="checked" />出诊
						<input type="radio" name="state" value="复诊"  />复诊
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">所挂科室</td>
					<td>
						<select name="house">
							<option value="" selected="selected">急诊科</option>
							<option value="1">急诊内科</option>
							<option value="2">急诊外科</option>
							<option value="3">消化科</option>
							<option value="4">神经内科</option>
							<option value="5">肾内科</option>
							<option value="6">肿瘤科</option>
							<option value="7">院感科</option>
							<option value="8">心血管内科</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">指定医生</td>
					<td>
						<select name="doctor">
							<option value="" selected="selected">程俊</option>
							<option value="1">王博</option>
							<option value="2">沈青川</option>
							<option value="3">欧阳雨露</option>
							<option value="4">艾小天</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td style="font-size: small; background-color: darkgray;">备注</td>
					<td>
							<textarea name="say" cols="17" rows="4" id="d7" onblur="checksay()"></textarea><div id="d7Div"></div>
						</td>
				</tr>
				
				<tr>
					
					<td colspan="2" style="text-align: center;" align="center"><input type="image" src="img/save.png" width="50" height="25"/>&nbsp;&nbsp;&nbsp;
						<a href="reg.html" target="right" ><img src="img/return.png" width="60" height="25"/></a></td>
				</tr>
			</table>
		</form>
	</body>
</html>

以上代码均为个人所写，如有错误，欢迎指正，谢谢~

新时代的农民工
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[双语阅读]调查：近一半女性宁愿不XX也要上网
张彤的专栏
12-19 1102
 Web or sex? Nearly half of women would rather go online"Not Tonight Dear, I’d Rather Blog". Nearly one out of two women would rather give up se
Get Sexy Hair ----From MSN WebSite
weixin_33853794的博客
03-28 1845
Get Sexy Hair 10 fantastic tricks to take your hair from so-so to so-sexy. 1.Trim regularly. Fuzzy, fried ends are not sexy. 2.Add scent. When you spritz on your favorite perfume, add a light mist ...
Java调用第三方http接口的方式总结（四种）
最新发布
qq_43842093的博客
03-01 1万+
在实际开发过程中，我们经常需要或测试自己写的接口是否合适。很多项目都会封装规定好本身项目的接口规范，所以大多数需要去调用对方提供的接口或第三方接口（短信、天气等）①通过JDK网络类Java.net.HttpURLConnection；②通过common封装好的HttpClient；③通过Apache封装好的CloseableHttpClient；④通过SpringBoot-RestTemplate；
带sex的net域名_sex.com(性)域名争夺再升级 色情能抵千万美金？
weixin_36178216的博客
12-24 8万+
加利福尼亚最高法院将对sex.com域名的所有权进行最终的听证。美国圣弗朗西斯科市第9巡回法庭请求加州最高法院对此事加以干预，对此域名可能引发的高达100万美元的损失赔偿进行裁决。关于sex.com的域名之争已经持续了六年之久，其中涉及各方包括sex.com的创建者和CEO加利-克莱曼、VeriSign和NSI公司、以及前司法部门官员史蒂夫-米遏尔-科恩等。如果加 州法院的裁决对克莱曼有利的话，V...
读书笔记：SEXY WEB DESIGN
About Tec
07-09 1269
1、网页是什么？界面（interface）2、网页的目标是什么？（1）网站要做什么At its basic level, that means questions like: “What is the major call to action for this site? What do we want the user to do?” At the other end of th
JAVA-WEB项目报告.docx
07-02
【JAVA-WEB项目报告】 该项目报告详细介绍了基于JAVA-WEB技术构建个人博客系统的过程和设计。博客作为一种在线表达和分享的平台，体现了互联网时代的信息共享和互动精神。它不同于个人日记或网站，更注重对外的知识...
网上书店管理系统(java-web项目)
07-16
网上书店管理系统是一个基于Java-Web技术开发的项目，旨在实现线上图书销售、管理和服务功能。这个系统涵盖了用户注册登录、浏览图书、搜索书籍、购物车管理、订单处理、支付结算等多个核心模块，为读者提供了便捷的...
RS-JAVA-WEB
03-21
通过上述分析，我们可以看出RS-JAVA-WEB项目覆盖了Java Web开发的核心技术和实践，包括但不限于Servlet、JSP、MVC架构、数据库交互、RESTful API设计、前端技术应用以及持续集成与测试。对于想要深入理解和学习Java ...
Vod.rar_vod_vod-java-web
09-20
【标题】"Vod.rar_vod_vod-java-web" 提示我们这是一个与视频点播（Video On Demand，简称VOD）相关的项目，且主要使用Java技术实现Web端的应用。这可能是一个开源或共享的代码库，作者认为它具有实用性和经典性，...
java-web-project
02-17
【标题】"java-web-project" 是一个典型的Java Web项目，它是基于Java技术栈构建的Web应用程序。这个项目可能包含了从后端服务器逻辑到前端用户界面的所有组成部分，旨在提供全面的Web服务解决方案。 【描述】"java...
短小视频网站sexcms源码 安装搭建环境加采集教程 有手机和PC演示站 linux下安装一片空白的解决linux下安装一片空白的解决
chenhao0568的专栏
04-25 12万+
电脑PC：http://video.supermindsoft.com/ 手机端：http://video.supermindsoft.com/wap/ 安装搭建环境教程 1，直接运行你的域名即可安装程序，安装时为了保证与演示站效果一样这里 数据库表前缀 请先不要修改  以后正式使用时再修改都可以，修改了就无法恢复我们提供的演示数据。。。 2，切记！！！安装完成后必须
带sex的net域名_中华网--科技频道
weixin_32655655的博客
12-24 8015
当Stephen Michael Cohen回顾去年11月失去sex.com域名的经历时，他就已经觉得不堪回首了。但恐怕那还仅仅是个开始。现在Cohen又面临着失去sex.net、kinkymate.com、nastydate.com和其它80多个由他注册的无与伦比的同色情沾边的域名了。而这些域名曾经为他创造了源源不断的财富。这些是星期五由位于加利佛尼亚州圣何塞的联邦法官所做出的判决中所列出的条款...
http://95u.free.fr/index.php,Electronic Software Distribution Service
热门推荐
weixin_39632291的博客
03-19 64万+
Content-Type: multipart/related; start=; boundary=----------OH5LlQ9dynBJGqR8E2AiMRContent-Location: https://software.pitt.edu/software/software.aspSubject: =?utf-8?Q?Electronic=20Software=20Distributi...
webservice例程
Dendy之Java小屋
04-11 229
1、服务端 （1）接口： package ws1; import java.util.List; import javax.jws.WebService; @WebService(name = "myService", portName = "myPort", serviceName = "myService", targetNamespace = "sun.com") public ...
全球排名前500的网站都是做什么的
tool321_com的博客
03-03 11万+
数据来自Alexa权威2016-3-3 Google.com Enables users to search the world's information, including webpages, images, and videos. Offers…More 2 Facebook.com A social utility that connects people, to ke
JavaWeb项目-----html
Culprit的博客
12-15 558
1.JavaWeb项目基本html知识梳理： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Index</title> </head> <body> <!-- &lt; 表示左尖括号 &gt; 表示右尖括号
VMware vSphere Web Services SDK编程指南（七）- 7.6 客户端数据同步
zhouxukun123的专栏
08-15 1130
7.6 客户端数据同步（WaitForUpdatesEx） 要维护服务器对象状态的客户端表示（通过监控清单属性），使用 CreateFilter 和 WaitForUpdatesEx 方法，WaitForUpdatesEx 方法支持一个增量的检索模型
全球最贵域名Sex.com将再度出售
heat pipe vacuum tube
07-02 4万+
<br />金融时报消息称，Sex.com域名曾位居全球最贵域名前例，四年前，它以1400万美元成交，不过，买下此域名的公司面临破产，因此Sex.com将再度拿来出售。 <br />　　Sex.com域名的拥有者为Escom LLC，它是一家洛杉基公司，2006年时它贷款买下此域名，不过却无法偿还贷款。本来，由于丧失抵押品赎回权，域名连同网站将在今年3月拍卖，但债权人 觉得这笔资产能获得列高的价格。因此，域名将由德国域名管理公司Sedo拿来出售，该公司称已经有数个买家有兴趣购买。<br />　　4年前
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值