您现在的位置:计算机技术学习网 > 技术中心 > WEB编程 > ASP >

如何在注册页面实现动态检测用户名的功能(一)

来源:网络收集 责任编辑:栏目编辑 发表时间:2013-07-02 03:34 点击:

如何在注册页面实现动态检测用户名的功能? 请看下面的一个例子:

reg.htm

以下是引用片段:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ajax注册应用</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" src="js/common.js"></script>
<script language="javascript" src="js/prototype.js"></script>
<script language="javascript" src="js/passwordstrength.js"></script>
<script language="javascript" src="reg.js"></script>
<style type="text/css">
<!--
body,td,th,div,input {
 font-family: Courier New, Courier, mono;
 font-size: 12px;
}
body {
 margin: 0px;
}
.FrameDivPass{
 background-color: #F7F7F7;
 border: 1px solid #EEEEEE;
 padding: 2px;
 height: 100%;
 float: left;
}
.FrameDivPass input{
 background-color: #FFFFFF;
 width: 150px;
 float: left;
 border: 1px solid #6FBE44;
}
.FrameDivPass div{
 color: #999999;
 float: left;
 margin-right: 5px;
 margin-left: 10px;
 height: auto;
 width: auto;
 display: block;
}
.FrameDivWarn{
 background-color: #FFFBE7;
 border: 1px solid #B5B5B5;
 padding: 2px;
 height: 100%;
 float: left;
}
.FrameDivWarn input{
 background-color: #FFFFFF;
 width: 150px;
 float: left;
 border: 1px solid #FF0000;
}
.FrameDivWarn div{
 color: #333333;
 float: left;
 margin-right: 5px;
 margin-left: 10px;
 height: auto;
 width: auto;
 display: block;
}
.FrameDivNormal{
 border: 1px solid #FFFFFF;
 padding: 2px;
 height: 100%;
 float: left;
 background-color: #FFFFFF;
}
.FrameDivNormal input{
 background-color: #FFFFFF;
 width: 150px;
 float: left;
 border: 1px solid #999999;
}
.FrameDivNormal div{
 color: #333333;
 float: left;
 margin-right: 5px;
 margin-left: 10px;
 height: auto;
 width: auto;
 display: block;
}
#checkBtn{
 float: left;
}
#checkDiv{
 color: #333333;
 float: left;
 margin-right: 5px;
 margin-left: 10px;
 height: auto;
 width: auto;
 display: block;
}
-->
</style>
<script language="javascript">
 var icon = '<img src="images/warning.gif" width="14" height="14" border="0" align="absmiddle">';
 var ns = ["usr","pwd","repwd","eml"];
 function changeUsr(){
  if($("checkBtn").disabled) $("checkBtn").disabled = false;  
 }
 function checkUsr(s){  
  var ma = ["用户名(3-16位)!","用户名由数字、英文、下划线、中杠线组成!"];
  if(!limitLen(s,3,16)){
   showInfo("usr",ma[0]);
   return false;
  }
  if(!hasAccountChar(s)){
   showInfo("usr",ma[1]);
   return false;
  }
  showInfo("usr");
  return true;
 }
 function checkPwd(s){
  var ma = ["密码(5-16位)!","密码不能包含中文或全角符号!","两次输入的密码不一致!"];
  ps.update(s);
  if(!limitLen(s,5,16)){
   showInfo

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WAP常见问题问答大全(四)
      • ASP开发必备:WEB打印代码大全
      • ASP调用系统ping命令
      • asp缓存技术
      • ASP教程:第三篇 ASP基础
      • 用ASP+XML打造留言本(4)
      • 关于ASP Recordset 分页出现负数解决方法及建议
      • 用asp怎样编写文档搜索页面(5)
      • ASP处理多关键词查询实例代码
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1