常用js验证
<%@ 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 = "〓＾＼１２３４５６７８９０～！＂＇·＃￥％……ˇ＠¨〈〉「」『』．‖々〃〔〕〖〗—（），。【】《》？；‘：“”［］｛｝—＋＝｜｀、《》~`!@#$%^&*()+|-=\'?/<>{}[],.:;";
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>