js验证2

tianke66

浏览: 188015 次
性别:
来自: 西安

最近访客更多访客>>

youlixishia

my20062105504

OvO海风OvO

t123537598

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (141)

社区版块

存档分类

C++C#C JavaScript DWR

<%@ 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(){ //验证用户名

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){//验证联系人姓名

}

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>

-->
</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>

分享到：