<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String pagePath=basePath+"login/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>个人会员注册页面</title>
<link href="css/login.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='<%=basePath%>dwr/interface/JgyhAction.js'></script>
<script type='text/javascript' src='<%=basePath%>dwr/engine.js'></script>
<script type='text/javascript' src='<%=basePath%>dwr/util.js'></script>
<script type="text/javascript">
function checktext(text)
{
allValid = false;
var notuser = "〓^\1234567890~!"'·#¥%……ˇ@¨〈〉「」『』.‖々〃〔〕〖〗—(),。【】《》?;‘:“”[]{}—+=|`、《》~`!@#$%^&*()+|-=\'?/<>{}[],.:;";
for (i = 0; i < text.length; i++)
{
for (j = 0; j < notuser.length; j++)
{
if (text.charAt(i) == notuser.charAt(j))
{
allValid = true;
break;
}
}
if (text.charAt(i) == " ")
{
allValid = true;
break;
}
}
return allValid;
}
function checkUser(){
var yhm = document.thisform.yhm.value;
if(yhm!=''){
if(checktext(yhm))
{
document.getElementById("c_yhm").innerHTML='<font color=red>用户名包含无效字符</font>';
return false;
}
else{
if(yhm.length<4){
document.getElementById("c_yhm").innerHTML='<font color=red>用户名太短</font>';
return false;
}
if(yhm.length>20){
document.getElementById("c_yhm").innerHTML='<font color=red>用户名太长</font>';
return false;
}
JgyhAction.getJgyhCount(yhm,{callback:function(count){
if(count==0){
document.getElementById("c_yhm").innerHTML='<font color=blue>您的用户名可以使用</font>';
return true;
}
else{
document.getElementById("c_yhm").innerHTML='<font color=red>用户名已经被占用,请重新换个用户名</font>';
return false;
}
}});
}
}
else{
document.getElementById("c_yhm").innerHTML='<font color=red>请输入用户名</font>';
return false;
}
}
function checkMm(){
var mm=document.thisform.mm.value;
if(mm.length<6){
document.getElementById("c_mm").innerHTML='<font color=red>密码太短</font>';
return false;
}
if(mm.length>20){
document.getElementById("c_mm").innerHTML='<font color=red>密码太长</font>';
return false;
}
else{
document.getElementById("c_mm").innerHTML='<font color=blue>密码合法</font>';
return true;
}
}
function checkMm2(){
var mm=document.thisform.mm.value;
var mm2=document.thisform.mm2.value;
if(mm==mm2){
document.getElementById("c_mm2").innerHTML='<font color=blue>两次密码输入一致</font>';
return true;
}
else{
document.getElementById("c_mm2").innerHTML='<font color=red>两次密码输入不一致</font>';
return false;
}
}
function checkEmail(){
var email=document.thisform.email.value;
var re = new RegExp(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/g);
var result=re.test(email);
if(result){
document.getElementById("c_email").innerHTML='<font color=blue>邮箱格式正确</font>';
return true;
}
else{
document.getElementById("c_email").innerHTML='<font color=red>邮箱格式错误,请重新输入</font>';
return false;
}
}
function formsubmit(){
var gryh=document.thisform.hylx[0].checked;
var jgyh=document.thisform.hylx[1].checked;
if(checkMm()&&checkMm2()&&checkEmail()){
if(gryh){
document.thisform.action="<%=basePath%>/login/grhyRegister.jsp";
document.thisform.submit();
}
if(jgyh){
document.thisform.action="<%=basePath%>/login/jghyRegister.jsp";
document.thisform.submit();
}
}
else{
alert("请输入正确的数据");
}
}
</script>
</head>
<body>
<form action="" method=post name="thisform" >
<!--顶部开始-->
<div id="P_header">
<div id="logo1"><img src="images/logo.jpg" width="180" height="64" /></div>
<div id="P_head_title"><img src="images/tb6.jpg" width="126" height="42" /></div>
<div id="header_right">
<div class="header_ul">
<ul >
<li><a href="#" class="head">学集网首页</a></li>
<li><a href="#" class="head">学信通</a></li>
<li><a href="#" class="head">黄金展位</a></li>
<li><a href="#" class="head">竞价排名</a></li>
<li><a href="#" class="head1">招商加盟</a></li>
<li><a href="#" class="head">客服中心</a></li>
<li id="wzdh"><a href="#" class="head1">网站导航</a></li>
</ul>
</div>
<div class="header1">
<div class="header2">
<ul class="head_ul">
<li><a href="#" class="head2">我要求学</a></li>
<li><a href="#" class="head2">发布课程</a></li>
<li><a href="#" class="head2">发布教材</a></li>
<li><a href="#" class="head2">教师推广</a></li>
<li><a href="#" class="head2">名师博客</a></li>
<li><a href="#" class="head2">资讯</a></li>
<li id="sq"><a href="#" class="head2">社区</a></li>
</ul>
</div>
</div>
<div id="I_head_font">如遇注册问题,请您拨打电话:010-88888888</div>
</div>
</div>
<!--顶部结束-->
<!--标题开始-->
<div id="A_title">
<div class="A_ul">
<ul>
<li><a href="#">1.选择会员类型</a></li>
<li><a href="#">2.填写注册信息</a></li>
<li><a href="#">3.邮箱验证</a></li>
<li><a href="#">4.注册成功</a></li>
<li id="A_btx"><span id="I_xing">*</span> 为必填项</li>
</ul>
</div>
</div>
<!--标题结束-->
<!--选择会员开始-->
<div id="I_titlex">
<div id="I_titlexup"><img src="images/tb7.jpg" width="12" height="12" /> 选择会员类型 </div>
<div id="I_titlexdown"><input name="hylx" type="radio" value="0" checked="checked" />
<span id="I_course">个人会员</span>
<input type="radio" name="hylx" value="1" />
学校/机构会员</div>
</div>
<!--选择会员结束-->
<!--填写注册信息开始-->
<div id="I_write">
<div id="I_titlexup"><img src="images/tb7.jpg" width="12" height="12" /> 填写注册信息 </div>
<div id="I_write_center">
<div id="I_write_center4">
<ul id="I_ul">
<li id="I_one"><span id="I_xing">*</span>会员登录名</li>
<li id="I_one"><span id="I_xing">*</span>密码</li>
<li id="I_one"><span id="I_xing">*</span>重复输入密码</li>
<li id="I_one"><span id="I_xing">*</span>电子邮箱</li>
<li id="I_two"><span id="I_xing">*</span>验证码</li>
</ul>
</div>
<div id="I_write_center5">
<ul id="I_ul">
<li id="I_one1">
<input name="yhm" type="text" id="I_input" onblur="checkUser()" />
<label id="c_yhm"> 由4-20个字母或数字组成。不支持中文,不能以数字开头,注册成功后不可修改。 </label> </li>
<li id="I_one1">
<input name="mm" type="password" id="I_input" onblur="checkMm()" />
<label id="c_mm"> 由6-20个字母(区分大小写)或数字组成。 </label> </li>
<li id="I_one1">
<input name="mm2" type="password" id="I_input" onblur="checkMm2()" />
<label id="c_mm2"> 请再输入一遍您上面填写的密码。 </label> </li>
<li id="I_one1">
<input name="email" type="text" id="I_input" onblur="checkEmail()" />
<label id="c_email"> 您需要通过邮箱验证才能完成注册。 </label> </li>
<li id="I_two">
<div id="I_div1">
<input name="checkwords" type="text" id="I_div2" />
</div>
<div id="I_div3"><img src="<%=basePath %>include/image.jsp" width="70" height="27" /></div>
</li>
</ul>
</div>
</div>
<div id="I_write_center1"><a href="#" class="I_title">点此阅读学集网会员注册服务条款</a></div>
<div id="I_write_center2"><input name="checkbox" type="checkbox" value="checkbox" checked="checked" />
我愿意收到我感兴趣的教育培训信息</div>
<div id="I_write_center3"><a href="javascript:formsubmit();"><img src="images/tb8.jpg" border="0" /></a> </div>
</div>
<!--填写注册信息结束-->
<!--尾部文件开始-->
<div id="footer">
<div class="div"><a href="#" class="fonter">关于学集网</a> | <a href="#" class="fonter">各地分站</a> | <a href="#" class="fonter">学信通服务</a> | <a href="#" class="fonter">广告服务</a> | <a href="#" class="fonter">黄金展位</a> | <a href="#" class="fonter">竞价排名</a> | <a href="#" class="fonter">连锁加盟</a> | <a href="#" class="fonter">欢迎合作</a></div>
<div class="div"><a href="#" class="fonter1">法律声明</a> | <a href="#" class="fonter1">著作权与商标声明</a> | <a href="#" class="fonter1">合作伙伴</a> | <a href="#" class="fonter1">联系我们</a> |<a href="#" class="fonter1"> 网站地图</a></div>
<div class="fonter3">copyright 2004-2008,版权所有 WWW.EDUJI.COM</div>
</div>
<!--尾部文件结束-->
</form>
</body>
</html>
分享到:
相关推荐
下面我们将深入探讨"常用javascript验证功能",包括取keycode大全、日期格式化及验证以及数字格式验证。 1. Keycode大全: Keycode是键盘按键的唯一标识符,JavaScript可以捕获并处理这些按键事件。通过监听键盘...
常用JS验证,手机号码验证,邮箱验证,数字验证等。常用JS验证效果
### 非常实用的常用JS验证 #### 概述 在Web开发中,前端验证是确保用户输入数据有效性的关键步骤之一。JavaScript作为一种广泛使用的客户端脚本语言,提供了多种方法来实现这些验证功能。本文将详细介绍一组常用的...
常用JS验证以及对数值操作非常全,欢迎下载很实用
网址:http://www.web-tag.net/all_22.htm 或者下载CHM 格式文档
是开发人员常用到的验证!包括电话号码、手机号、身份证
根据提供的文件信息,我们可以了解到这段内容主要涉及到JavaScript(简称JS)在用户注册验证中的应用。在实际开发过程中,为了确保用户输入的有效性和安全性,开发者通常会利用JS进行前端验证。以下将详细介绍这些...
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
### 常用正则表达式集锦及应用场景 #### 1. 只能输入数字:“^[0-9]*$” - **含义**: 匹配任何由数字组成的字符串。 - **应用场景**: 适用于需要用户输入纯数字的情况,例如年龄、价格等。 #### 2. 只能输入n位的...
6. **正则表达式验证**:尽管在示例代码中没有直接使用正则表达式,但在实际的JavaScript验证中,正则表达式是非常重要的工具,用于检查字符串是否符合特定模式,如验证邮箱、电话号码等格式。 7. **事件处理程序**...
总的来说,JavaScript验证技术在前端开发中起着至关重要的作用,帮助我们确保用户提交的数据有效且安全。通过对身份证、汉字、数字和电话号码的验证,我们可以构建更健壮、更安全的应用程序,提供更好的用户体验。
2. **JavaScript验证**: - **事件监听**:通常使用`onsubmit`事件来触发表单验证,在表单提交时执行验证函数。 - **DOM操作**:通过`document.getElementById`、`querySelector`等获取表单元素,然后读取或修改其...
### 常用JavaScript验证知识点解析 #### 一、`strlen`函数:计算字符串长度(含中文字符处理) **功能描述:** `strlen` 函数用于计算字符串的长度,并能够正确处理包含中文字符的情况。 **代码实现:** ```...
### 常用JS正则表达式验证 在前端开发中,正则表达式的使用非常广泛,尤其是在数据验证方面。本文将详细介绍一个包含多种验证功能的正则表达式集合,这些表达式主要用于验证身份、电话号码、证件号码等信息。 ####...
常用正则验证,各种常用验证包含,汉字、手机号、电话号码、email、金额、特殊字符等常见完整js类库。
常用的Javascript验证函数总结 验证方法大全
根据提供的文件信息,我们可以总结出一系列与JavaScript验证相关的知识点,主要涵盖了常见的表单验证方法、字符限制、格式检查等实用技巧。以下是对这些知识点的详细解释: ### 1. 验证是否选择了单选按钮 在提供...
用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码