`
tianke66
  • 浏览: 188000 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

常用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 = "〓^\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">   &nbsp;由4-20个字母或数字组成。不支持中文,不能以数字开头,注册成功后不可修改。 </label>         </li>
      <li id="I_one1">
        <input name="mm" type="password" id="I_input" onblur="checkMm()" />
        <label id="c_mm">   &nbsp;由6-20个字母(区分大小写)或数字组成。   </label>   </li>
      <li id="I_one1">
        <input name="mm2" type="password" id="I_input" onblur="checkMm2()" />
       <label id="c_mm2">  &nbsp;请再输入一遍您上面填写的密码。 </label>     </li>
      <li id="I_one1">
        <input name="email" type="text" id="I_input" onblur="checkEmail()" />
      <label id="c_email">  &nbsp;您需要通过邮箱验证才能完成注册。 </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验证功能

    下面我们将深入探讨"常用javascript验证功能",包括取keycode大全、日期格式化及验证以及数字格式验证。 1. Keycode大全: Keycode是键盘按键的唯一标识符,JavaScript可以捕获并处理这些按键事件。通过监听键盘...

    开发常用JS验证整合

    常用JS验证,手机号码验证,邮箱验证,数字验证等。常用JS验证效果

    非常实用的常用js验证

    ### 非常实用的常用JS验证 #### 概述 在Web开发中,前端验证是确保用户输入数据有效性的关键步骤之一。JavaScript作为一种广泛使用的客户端脚本语言,提供了多种方法来实现这些验证功能。本文将详细介绍一组常用的...

    常用JS验证以及对数值操作非常全

    常用JS验证以及对数值操作非常全,欢迎下载很实用

    js 常用验证 JavaScript 常用验证

    网址:http://www.web-tag.net/all_22.htm 或者下载CHM 格式文档

    常用js验证,正则表达式代码

    是开发人员常用到的验证!包括电话号码、手机号、身份证

    js常用注册验证

    根据提供的文件信息,我们可以了解到这段内容主要涉及到JavaScript(简称JS)在用户注册验证中的应用。在实际开发过程中,为了确保用户输入的有效性和安全性,开发者通常会利用JS进行前端验证。以下将详细介绍这些...

    js表单验证实例,HTML文件,javascript常用表单验证

    js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等

    常用正则表达式集锦 js常用正则验证

    ### 常用正则表达式集锦及应用场景 #### 1. 只能输入数字:“^[0-9]*$” - **含义**: 匹配任何由数字组成的字符串。 - **应用场景**: 适用于需要用户输入纯数字的情况,例如年龄、价格等。 #### 2. 只能输入n位的...

    javascript常用语句 js简单验证 js

    6. **正则表达式验证**:尽管在示例代码中没有直接使用正则表达式,但在实际的JavaScript验证中,正则表达式是非常重要的工具,用于检查字符串是否符合特定模式,如验证邮箱、电话号码等格式。 7. **事件处理程序**...

    常用的js验证 身份证 汉字 数字 电话号码

    总的来说,JavaScript验证技术在前端开发中起着至关重要的作用,帮助我们确保用户提交的数据有效且安全。通过对身份证、汉字、数字和电话号码的验证,我们可以构建更健壮、更安全的应用程序,提供更好的用户体验。

    常用表单数据验证JS

    2. **JavaScript验证**: - **事件监听**:通常使用`onsubmit`事件来触发表单验证,在表单提交时执行验证函数。 - **DOM操作**:通过`document.getElementById`、`querySelector`等获取表单元素,然后读取或修改其...

    常用的JavaScript验证

    ### 常用JavaScript验证知识点解析 #### 一、`strlen`函数:计算字符串长度(含中文字符处理) **功能描述:** `strlen` 函数用于计算字符串的长度,并能够正确处理包含中文字符的情况。 **代码实现:** ```...

    常用js正则表达式验证

    ### 常用JS正则表达式验证 在前端开发中,正则表达式的使用非常广泛,尤其是在数据验证方面。本文将详细介绍一个包含多种验证功能的正则表达式集合,这些表达式主要用于验证身份、电话号码、证件号码等信息。 ####...

    javascript常用正则验证

    常用正则验证,各种常用验证包含,汉字、手机号、电话号码、email、金额、特殊字符等常见完整js类库。

    常用的Javascript验证函数总结

    常用的Javascript验证函数总结 验证方法大全

    js常用的验证提示(javascript)

    根据提供的文件信息,我们可以总结出一系列与JavaScript验证相关的知识点,主要涵盖了常见的表单验证方法、字符限制、格式检查等实用技巧。以下是对这些知识点的详细解释: ### 1. 验证是否选择了单选按钮 在提供...

    用户注册验证 js常用的验证代码

    用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码用户注册验证常用的js代码

Global site tag (gtag.js) - Google Analytics