js验证2
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ taglib prefix="c" uri=">
<%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="<%=pagePath %>css/login.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="<%=basePath%>js/citys.js"></script>
<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=green>您的用户名可以使用</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=green>密码合法</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=green>两次密码输入一致</font>';
return true;
}
else{
document.getElementById("c_mm2").innerHTML='<font color=red>两次密码输入不一致</font>';
return false;
}
}
function checkEmail(){//验证email
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=green>邮箱格式正确</font>';
return true;
}
else{
document.getElementById("c_email").innerHTML='<font color=red>邮箱格式错误，请重新输入</font>';
return false;
}
}
function checkLxrxm(obj){//验证联系人姓名
var re=/^[\u4e00-\u9fa5]{1,10}$/;
var result=obj.value.search(re)!=-1;
if(result){
if(obj.value.length<2){
document.getElementById("c_lxrxm").innerHTML='<font color=red>请重新输入，姓名格式不正确，必须为汉字，并且长度在两个到十个汉字之间</font>';
return false;
}
document.getElementById("c_lxrxm").innerHTML='<font color=green>姓名格式正确</font>';
return true;
}
else{
document.getElementById("c_lxrxm").innerHTML='<font color=red>请重新输入，姓名格式不正确，必须为汉字，并且长度在两个到十个汉字之间</font>';
return false;
}
}
function checkLxrzw(obj,lab){//验证联系人单位
if(obj.value==''){
document.getElementById(lab).innerHTML='<font color=red>本项为必填</font>';
return false;
}
else if(obj.value.length>16){
document.getElementById(lab).innerHTML='<font color=red>长度太大，不要超过16个汉字</font>';
return false;
}
else{
document.getElementById(lab).innerHTML='<font color=green>格式正确</font>';
return true;
}
}
function checkDhhm(obj,lab){//验证电话号码
if(obj.value.length>11){
document.getElementById(lab).innerHTML='<font color=red>长度太大，请重新输入</font>';
return false;
}
else if(obj.value.length==''){
document.getElementById(lab).innerHTML='<font color=red>请输入号码</font>';
return false;
}
else{
return true;
}
}
function checkJgdz(obj,lab){//验证机构地址
if(obj.value.length==''){
document.getElementById(lab).innerHTML='<font color=red>本项为必填</font>';
return false;
}
if(obj.value.length>120){
document.getElementById(lab).innerHTML='<font color=red>长度太大，请重新输入</font>';
return false;
}
else{
return true;
}
}
function checkYzm(){//验证码
var obj=document.thisform.yzm;
if(obj.value==''){
document.getElementById('c_yzm').innerHTML='<font color=red>请输入验证码</font>';
return false;
}
if(obj.value.length!=4){
document.getElementById('c_yzm').innerHTML='<font color=red>验证码必须为四位</font>';
return false;
}
else{
return true;
}
}
function checReadio(name){//验证单选按钮
var returnvalue=false;
var obj=document.getElementsByName(name);
for(var i=0;i<obj.length;i++){
if(obj[i].checked){
return true;
}
}
return returnvalue;
}
function checkSS(){//验证省市
if(document.thisform.sf.value==''||document.thisform.cs.value==''){
alert('请选择所在地区');
return flase;
}
else{
return true;
}
}
function formsubmit(){//提交验证
var str='';
var input=document.getElementsByTagName('input');
for(var i=0;i<input.length;i++){
if(input[i].type=='text'){
if(input[i].name!='dhqh'&&input[i].name!='dhfj'&&input[i].name!='czqh'&&input[i].name!='czhm'&&input[i].name!='czfj'&&input[i].name!='sjhm'){
if(input[i].value==''){
var label=input[i].label;
str=str+label+'不能为空\n';
}
}
}
}
if(!checReadio('lxrxb')){
str+='性别不能为空\n';
}
if(!checReadio('jglx')){
str+='机构类型不能为空\n';
}
if(!checkSS()){
str+='机构所在地不能为空\n';
}
if(str!=''){
alert(str);
return ;
}
else{
document.thisform.submit();
}
}
</script>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
<!--
.select * {
margin: 0;
padding: 0;
}
.select {
border:1px solid #cccccc;
float: left;
display: inline;
margin-right: 8px;
}
.select div {
border:1px solid #f9f9f9;
float: left;
}
/* 子选择器，在FF等非IE浏览器中识别 */
.select>div {
width:120px;
overflow:hidden;
}
/* 通配选择符，只在IE浏览器中识别 */
* html .select div select {
display:block;
float: left;
margin: -2px;
width: 140px;
}
.select div>select {
display:block;
width:124px;
float:none;
margin: -2px;
padding: 0px;
}
.select:hover {
border:1px solid #666666; //鼠标移上的效果
}
.select select>option {
text-indent: 2px; //option在FF等非IE浏览器缩进2px
}
-->
</style>
</head>
<body>
<!--顶部开始-->
<form action="<%=basePath%>jgxxs.do" method=post name="thisform" >
<input type=hidden name="method" value="register" />
<div id="P_header">
<div id="logo1"><img src="<%=pagePath %>images/logo.jpg" width="180" height="64" /></div>
<div id="P_head_title"><img src="<%=pagePath %>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 id="A_title">
<div class="A_ul">
<ul>
<li><a href="<%=pagePath %>register.jsp">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="<%=pagePath %>images/tb7.jpg" width="12" height="12" /> 选择会员类型 </div>
<div id="I_titlexdown"><input name="radiobutton" type="radio" value="radiobutton" disabled="disabled" />
<span id="I_course">个人会员</span>
<input type="radio" name="radiobutton" value="radiobutton" checked="checked" />
学校/机构会员</div>
</div>
<!--选择会员结束-->
<!--填写注册信息开始-->
<div id="A_write">
<div id="I_titlexup"><img src="<%=pagePath %>images/tb7.jpg" width="12" height="12" /> 填写注册信息 </div>
<div id="A_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>
</ul>
</div>
<div id="I_write_center5">
<ul id="I_ul">
<li id="I_one1">
<input name="yhm" label='会员登录名' type="text" id="I_input" onblur="checkUser()" value="${jgxx.yhm }" />
<label id="c_yhm"> 由4-20个字母或数字组成。不支持中文，不能以数字开头，注册成功后不可修改。 </label> </li>
<li id="I_one1">
<input name="mm" label='密码' type="password" id="I_input" onblur="checkMm()" value="${jgxx.mm }" />
<label id="c_mm"> 由6-20个字母(区分大小写)或数字组成。 </label> </li>
<li id="I_one1">
<input name="mm2" label='重复密码' type="password" id="I_input" onblur="checkMm2()" value="${jgxx.mm}" />
<label id="c_mm2"> 请再输入一遍您上面填写的密码。 </label> </li>
<li id="I_one1">
<input name="email" label='电子邮箱' type="text" id="I_input" onblur="checkEmail()" value="${jgxx.email}" />
<label id="c_email"> 您需要通过邮箱验证才能完成注册。 </label> </li>
</ul>
</div>
</div>
<!--姓名联系方式开始-->
<div id="I_titlexup"><img src="<%=pagePath %>images/tb7.jpg" width="12" height="12" /> 姓名和联系方式 <span class="A_bz">备注：邮箱为唯一的。每个邮箱只能注册一次。</span></div>
<div id="A_write_center1">
<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_one">传真</li>
<li id="I_one">手机</li>
</ul>
</div>
<div id="I_write_center5">
<ul id="I_ul">
<li id="I_one1">
<input name="lxrxm" label='真实姓名' type="text" id="I_input" onblur="checkLxrxm(this)" value="${jgxx.ywlxr }" />
<label id="c_lxrxm"> 请输入真实姓名,长度不大于10个汉字 </label> </li>
<li id="I_one1">
<input type="radio" name="lxrxb" value="男" <c:if test="${jgxx.lxrxb=='男' }">checked</c:if> />
先生
<input type="radio" name="lxrxb" value="女" <c:if test="${jgxx.lxrxb=='女' }">checked</c:if> />
女士 </li>
<li id="I_one1">
<input name="lxrzw" type="text" label='您的职位' id="I_input" onblur="checkLxrzw(this,'c_lxrzw')" value="${jgxx.lxrzw }" />
<label id="c_lxrzw"> </label>
</li>
<li id="I_one1">区号
<input name="dhqh" value="${dhqh }" type="text" class="A_bk" size="6" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
电话号码
<input name="dhhm" value="${dhhm }" label='固定电话' type="text" class="A_bk" size="15" onblur="checkDhhm(this,'c_dhhm')" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
分机
<input name="dhfj" value="${dhfj }" type="text" class="A_bk" size="6" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
<label id="c_dhhm"> </label>
</li>
<li id="I_one1">区号
<input name="czqh" value="${czqh}" type="text" class="A_bk" size="6" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
电话号码
<input name="czhm" value="${czhm}" type="text" class="A_bk" size="15" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
分机
<input name="czfj" value="${czfj}" type="text" class="A_bk" size="6" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
</li>
<li id="I_one1">
<input name="sjhm" value="${jgxx.lxrsj}" type="text" id="I_input" onblur="checkDhhm(this,'c_sjhm')" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
<label id="c_sjhm"> 方便学员及时联系到您，学集网不绑定任何收费服务</label> </li>
</ul>
</div>
</div>
<!--姓名联系方式结束-->
<!--单位名称和主营业务开始-->
<div id="I_titlexup"><img src="<%=pagePath %>images/tb7.jpg" width="12" height="12" /> 单位名称和主营业务 </div>
<div id="A_write_center11">
<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_one"><span id="I_xing">*</span>验证码</li>
</ul>
</div>
<div id="I_write_center5">
<ul id="I_ul">
<li id="I_one1">
<input type="radio" name="jglx" value="1" <c:if test="${jgxx.jglb=='1' }">checked</c:if> />
培训学校
<input type="radio" name="jglx" value="2" <c:if test="${jgxx.jglb=='2' }">checked</c:if> />
院校、中专
<input type="radio" name="jglx" value="5" <c:if test="${jgxx.jglb=='5' }">checked</c:if> />
在职研修
<input type="radio" name="jglx" value="3" <c:if test="${jgxx.jglb=='3' }">checked</c:if> />
留学机构
<input type="radio" name="jglx" value="4" <c:if test="${jgxx.jglb=='4' }">checked</c:if> />
移民机构 </li>
<li id="I_one1">
<input name="jgmc" label='贵机构名称' type="text" id="I_input" value="${jgxx.jgmc }" onblur="checkLxrzw(this,'c_jgmc')" />
<label id="c_jgmc"> </label>
</li>
<li id="I_one1">
<div class="select">
<div>
<select name=sf onChange="set_son_name(this, cs);">
<option value="">
--请选择省份--
</option>
<option <c:if test="${jgxx.sf=='北京'}">selected</c:if> value='北京'>
北京
</option>
<option <c:if test="${jgxx.sf=='天津'}">selected</c:if> value='天津'>
天津
</option>
<option <c:if test="${jgxx.sf=='河北'}">selected</c:if> value='河北'>
河北
</option>
<option <c:if test="${jgxx.sf=='山西'}">selected</c:if> value='山西'>
山西
</option>
<option <c:if test="${jgxx.sf=='内蒙'}">selected</c:if> value='内蒙'>
内蒙
</option>
<option <c:if test="${jgxx.sf=='辽宁'}">selected</c:if> value='辽宁'>
辽宁
</option>
<option <c:if test="${jgxx.sf=='吉林'}">selected</c:if> value='吉林'>
吉林
</option>
<option <c:if test="${jgxx.sf=='黑龙江'}">selected</c:if> value='黑龙江'>
黑龙江
</option>
<option <c:if test="${jgxx.sf=='上海'}">selected</c:if> value='上海'>
上海
</option>
<option <c:if test="${jgxx.sf=='江苏'}">selected</c:if> value='江苏'>
江苏
</option>
<option <c:if test="${jgxx.sf=='浙江'}">selected</c:if> value='浙江'>
浙江
</option>
<option <c:if test="${jgxx.sf=='安徽'}">selected</c:if> value='安徽'>
安徽
</option>
<option <c:if test="${jgxx.sf=='福建'}">selected</c:if> value='福建'>
福建
</option>
<option <c:if test="${jgxx.sf=='江西'}">selected</c:if> value='江西'>
江西
</option>
<option <c:if test="${jgxx.sf=='山东'}">selected</c:if> value='山东'>
山东
</option>
<option <c:if test="${jgxx.sf=='河南'}">selected</c:if> value='河南'>
河南
</option>
<option <c:if test="${jgxx.sf=='湖北'}">selected</c:if> value='湖北'>
湖北
</option>
<option <c:if test="${jgxx.sf=='湖南'}">selected</c:if> value='湖南'>
湖南
</option>
<option <c:if test="${jgxx.sf=='广东'}">selected</c:if> value='广东'>
广东
</option>
<option <c:if test="${jgxx.sf=='广西'}">selected</c:if> value='广西'>
广西
</option>
<option <c:if test="${jgxx.sf=='海南'}">selected</c:if> value='海南'>
海南
</option>
<option <c:if test="${jgxx.sf=='重庆'}">selected</c:if> value='重庆'>
重庆
</option>
<option <c:if test="${jgxx.sf=='四川'}">selected</c:if> value='四川'>
四川
</option>
<option <c:if test="${jgxx.sf=='云南'}">selected</c:if> value='云南'>
云南
</option>
<option <c:if test="${jgxx.sf=='西藏'}">selected</c:if> value='西藏'>
西藏
</option>
<option <c:if test="${jgxx.sf=='陕西'}">selected</c:if> value='陕西'>
陕西
</option>
<option <c:if test="${jgxx.sf=='甘肃'}">selected</c:if> value='甘肃'>
甘肃
</option>
<option <c:if test="${jgxx.sf=='青海'}">selected</c:if> value='青海'>
青海
</option>
<option <c:if test="${jgxx.sf=='宁夏'}">selected</c:if> value='宁夏'>
宁夏
</option>
<option <c:if test="${jgxx.sf=='新疆'}">selected</c:if> value='新疆'>
新疆
</option>
<option <c:if test="${jgxx.sf=='香港'}">selected</c:if> value='香港'>
香港
</option>
<option <c:if test="${jgxx.sf=='澳门'}">selected</c:if> value='澳门'>
澳门
</option>
<option <c:if test="${jgxx.sf=='台湾'}">selected</c:if> value='台湾'>
台湾
</option>
</select>
</div>
</div>
<div class="select">
<div>
<select name=cs class=select >
<option value="" >
</option>
<option value='${jgxx.cs}' selected>
${jgxx.cs}
</option>
</select>
</div>
</div>
</li>
<li id="I_one1"><input name="jgdz" label='贵机构经营地址' type="text" id="I_input" onblur="checkJgdz(this,'c_jgdz')" value='${jgxx.jgdz}' />
<label id="c_jgdz"> 请详细填写贵机构经营地址。</label></li>
<li id="I_one1">
<div class="A_login_input1111">
<input name="yzm" label='验证码' type="text" class="login_input111" onblur="checkYzm()" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
</div>
<div class="A_four2"><img src="<%=basePath %>include/image.jsp" width="50" height="24" /></div><label id="c_yzm"> ${yzcw } </label></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="<%=pagePath %>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>