实现效果:
实现代码:
<!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>
<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"> 黄飞鸿</td>
</tr>
<tr>
<td class="td">证件类型</td>
<td> 身份证</td>
</tr>
<tr>
<td class="td">证件号</td>
<td> 42068325467876</td>
</tr>
<tr>
<td class="td">社保号</td>
<td> 423423432</td>
</tr>
<tr>
<td class="td">联系电话</td>
<td> 13126576456</td>
</tr>
<tr>
<td class="td">是否自费</td>
<td>
<input type="radio" name="check" value="否" checked="checked" />否
<input type="radio" name="check" value="是" />是
</td>
</tr>
<tr>
<td class="td">性别</td>
<td>
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td class="td">年龄</td>
<td> 33</td>
</tr>
<tr>
<td class="td">初复诊</td>
<td>
<input type="radio" name="check1" value="初诊" checked="checked" />初诊
<input type="radio" name="check1" value="复诊" />复诊
</td>
</tr>
<tr>
<td class="td">所挂科室</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 class="td">指定医生</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>
</select>
</td>
</tr>
<tr>
<td class="td">备注</td>
<td> 暂无 以上信息为输入病历号自动带出来的</td>
</tr>
<tr>
<td class="td">护理</td>
<td>
<input type="text" name="nurse" size="40" id="d2" onblur="checknurse()" /><div id="d2Div"></div>
</td>
</tr>
<tr>
<td class="td">床位号</td>
<td>
<input type="text" name="seatnum" size="40" id="d3" onblur="checkseatnum()" /><div id="d3Div"></div>
</td>
</tr>
<tr>
<td class="td">缴费押金</td>
<td>
<input type="text" name="deposit" size="40" id="d4" onblur="checkdeposit()" /><div id="d4Div"></div>
</td>
</tr>
<tr>
<td class="td">病情</td>
<td>
<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" />处方药
<input type="radio" name="drug" value="中药" />中药
<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;">欢迎您!老贺 [退出]</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"/>
<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;"> 登录系统</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"/>
<a href="reg.html" target="right" ><img src="img/return.png" width="60" height="25"/></a></td>
</tr>
</table>
</form>
</body>
</html>
以上代码均为个人所写,如有错误,欢迎指正,谢谢~