注册页面代码

来源：互联网发布：yum 删除java 编辑：程序博客网时间：2024/05/21 17:34

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>贵美商城</title>
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
function check() {
/*名字的验证*/
var user = $("#fname").val();
if (user == "") {
alert("名字不能为空");
return false;
}
for (var i = 0; i < user.length; i++) {
var j = user.substring(i, i + 1)
if (j >= 0) {
alert("名字中不能包含数字");
}
}
/*姓氏的验证*/
var lname = $("#lname").val();
if (lname == "") {
alert("姓氏不能为空");
return false;
}
for (var i = 0; i < lname.length; i++) {
var j = lname.substring(i, i + 1)
if (j >= 0) {
alert("姓氏中不能包含数字");
}
}
/*验证密码*/
var pwd = $("#pass").val();
if (pwd == "") {
alert("密码不能为空");
return false;
}
if (pwd.length < 6) {
alert("密码必须等于或大于6个字符");
return false;
}
var repwd = $("#rpass").val();
if (pwd != repwd) {
alert("两次输入的密码不一致");
return false;
}
/*验证邮箱*/
var mail = $("#email").val();
if (mail == "") {//检测Email是否为空
alert("Email不能为空");
return false;
}
if (mail.indexOf("@") == -1) {
alert("Email格式不正确\n必须包含@");
return false;
}
if (mail.indexOf(".") == -1) {
alert("Email格式不正确\n必须包含.");
return false;
}
return true;
}
</script>
</head>
<body>
<div id="container">
<form id="form1" method="get" action="register_success.htm" onsubmit="return check()">
<table id="main" class="reg_bg" cellpadding="0px">
<tbody>
<tr class="h58">
<td colspan="3">
</td>
<td rowspan="11">
<h4>
<img src="images/read.gif" alt="alt" />阅读贵美网服务协议
</h4>
<textarea id="textarea" cols="30" rows="15">欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用Gmgw.com网站的各种工具和服务。
本服务协议双方为贵美与贵美网用户，本服务协议具有合同效力。
贵美的权利和义务
1.贵美有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。
2.对用户在注册使用贵美网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，贵美应及时作出回复。
3.对于在贵美网网上交易平台上的不当行为或其它任何贵美认为应当终止服务的情况，贵美有权随时作出删除相关信息、终止服务提供等处理，而无须征得用户的同意。
4.因网上交易平台的特殊性，贵美没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。
</textarea>
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
名字：
</td>
<td class="input_content">
<input id="fname" type="text" class="reg_text" size="24" />
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
姓氏：
</td>
<td class="input_content">
<input id="lname" type="text" class="reg_text" size="24" />
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
登录名：
</td>
<td class="input_content">
<input name="sname" type="text" class="reg_text" size="24" />（可包含 a-z、0-9 和下划线）
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
密码：
</td>
<td class="input_content">
<input id="pass" type="password" class="reg_text" size="26" />（至少包含 6 个字符）
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
再次输入密码：
</td>
<td class="input_content">
<input id="rpass" type="password" class="reg_text" size="26" />
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
电子邮箱：
</td>
<td class="input_content">
<input id="email" type="text" class="reg_text" size="24" />（必须包含 @ 和.字符）
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
性别：
</td>
<td class="input_content">
<input id="gen" style="border: 0px;" type="radio" value="男" checked="checked" />
<img src="images/Male.gif" width="23" height="21" alt="alt" />男
<input name="gen" style="border: 0px;" type="radio" value="女" class="input" />
<img src="images/Female.gif" width="23" height="21" alt="alt" />女
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
头像：
</td>
<td class="input_content">
<input type="file" />
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
爱好：
</td>
<td class="input_content">
<label>
<input type="checkbox" id="checkbox" value="checkbox" />
</label>
运动
<label>
<input type="checkbox" id="checkbox2" value="checkbox" />
</label>
聊天
<label>
<input type="checkbox" id="checkbox3" value="checkbox" />
</label>
玩游戏
</td>
</tr>
<tr class="register_table_line">
<td class="input_title">
出生日期：
</td>
<td class="input_content">
<input id="nYear" class="reg_text n4" value="yyyy" maxlength="4" /> 年
<select id="nMonth">
<option value="" selected="selected">[选择月份]</option>
<option value="0">一月</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>
<option value="9">十月</option>
<option value="10">十一月</option>
<option value="11">十二月</option>
</select> 月
<input id="nDay" class="reg_text n4" value="dd" size="2" maxlength="2" />日
</td>
</tr>
<tr class="register_table_line">
<td class="input_title h35">
</td>
<td class="input_content h35">
<input type="image" id="Button" style="border: 0px;" src="images/submit.gif" />
<img src="images/reset.gif" onclick="javascript:form1.reset();" style="cursor: pointer;"
alt="重置" />
</td>
</tr>
<tr>
<td colspan="2" class="h65">
</td>
</tr>
</tbody>
</table>
</form>
</div>
</body>
</html>