HIS系统前端界面Ajax+JSON+JQ

最新推荐文章于 2024-02-28 10:32:24 发布

bg6

最新推荐文章于 2024-02-28 10:32:24 发布

阅读量1.6k

点赞数 6

文章标签： javascript css html jquery

本文链接： https://blog.csdn.net/weixin_44320224/article/details/104099842

版权

HIS系统前端界面Ajax+JSON+JQ

这是我第一次在CSDN上面发表文章，里面的内容是我学习Web前端和在些HIS系统时的一些知识成果，由于代码比较多，所以先展示登陆注册模块的代码。源码下载链接 HIS系统源代码及说明.rar

登陆

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
 
    <link rel="stylesheet" type="text/css" href="CSS/login.css"/>
	 <script type="text/javascript" src="Js/jquery.min.js"></script>
    <script type="text/javascript" src="Js/login.js"></script>
    <script type="text/javascript" src="Js/login1.js"></script>
	
</head>
 
<body>
<div id="login_frame">
 
    <p id="image_logo"> &nbsp;HIS 系统</p>
 
    <form method="post" action="login.js">
 
        <p><label class="label_input">用户名</label><input type="text" id="username" class="text_field"/></p>
        <p><label class="label_input">密码</label><input type="password" id="password" class="text_field"/></p>
 
        <div id="login_control">
            <input type="button" id="btn_login" value="登录"/>
			<input type="button" id="btn_register" value="注册" style="margin-left: 8%;" οnclick="register()"/>
            <a id="forget_pwd" href="forget_pwd.html">忘记密码？</a>
        </div>
    </form>
</div>
 
</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单验证</title>
<link href="CSS/register.css" rel="stylesheet">
<script src="Js/jquery.min.js" type="text/javascript"></script>
<script src="Js/register.js" type="text/javascript"></script>	
</head>

<body>
<form id="form1"  name="form1" method="post">
	<table border="0" cellpadding="8"  >
	<tr>
		<td colspan="4" class="title" style="text-align: center;">新用户申请</td>
	</tr> 
	<tr>
		<td colspan="4" style="text-align: center;">（带<font color="red">*</font>为必填选项）</td>
	 </tr>
	<tr>
		<td style="text-align: right;">用户名</td>
	    <td><input type="text" id="user"/> <font color="red">*</font></td>
		<td style="text-align: right;width: 80px;">真实性名</td>
		<td><input type="text" id="username"/> <font color="red">*</font></td>
    </tr>
	<tr>
		<td style="text-align: right;">密码</td>
	    <td><input type="password" id="pwd"/> <font color="red">*</font></td>
		<td style="text-align: right;">性别</td>
		<td>
			<input type="radio" name="sex" id="women" checked="checked"/>女
			<input type="radio" name="sex" id="man"/>男
		 </td>
    </tr>
	<tr>
		<td style="text-align: right;">确认密码</td>
	    <td><input type="password" id="pwdtow"/> <font color="red">*</font></td>
		<td style="text-align: right;">省/市</td>
		<td><select id="province">
			<option value="0" select="selected">北京</option>
			<option value="1">上海</option>
			</select></td>
    </tr>
	<tr>
		<td style="text-align: right;">验证码</td>
	    <td><input type="text" id="aply"/> <font color="red">aply</font></td>
		<td style="text-align: right;">地址</td>
		<td><input type="text" id="where"  style="width: 170px"/></td>
    </tr>
	<tr>
		<td style="text-align: right;">密码提示问题</td>
	    <td><input type="text" id="question"/> <font color="red">*</font></td>
		<td style="text-align: right;">邮政编码</td>
		<td><input type="text" id="whereID" style="width: 170px"/></td>
    </tr>
	<tr>
		<td style="text-align: right;">问题答案</td>
	    <td><input type="text" id="answer"/> <font color="red">*</font></td>
		<td style="text-align: right;">生日</td>
		<td>
			<input type="text" id="year" style="width: 19px;"/> 年
			<select>
			<option value="0" select="selected">2</option>
			<option value="1">3</option>
			</select> 月
			<select>
			<option value="0" select="selected">2</option>
			<option value="1">3</option>
			</select> 日
	   </td>
    </tr>
	 <tr>
		<td style="text-align: right;">电子邮箱</td>
	    <td><input type="text" id="mail"/></td>
		<td style="text-align: right;">身份证号码</td>
		<td><input type="text" id="userid" style="width: 170px;"/></td>
    <