注册时检测用户名的实现

最新推荐文章于 2024-04-22 16:31:53 发布

SAINO

最新推荐文章于 2024-04-22 16:31:53 发布

阅读量1.1k

点赞数

分类专栏：设计思想文章标签： class input div autocomplete stylesheet 游戏

本文链接：https://blog.csdn.net/saino/article/details/1835751

版权

设计思想专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.注册表单填写页面

<!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>17game账号管理中心</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
<script>
function CheckUserName(){
var u=document.getElementById("username").value;
var n=document.form17Game.nickname.value;
if (u.length<1){
  infoUsername.innerHTML='<font color=red>请输入"用户名"。</font>';
  u='';
}else if (u.length<4){
  infoUsername.innerHTML='<font color=red>"用户名"长度过短。</font>';
  u='';
}else if (u.length>10){
  infoUsername.innerHTML='<font color=red>"用户名"长度过长。</font>';
  u='';
}else {
  infoUsername.innerHTML='';
}
if (n.length<1){
  infoNickname.innerHTML='<font color=red>请输入 "昵称" 。</font>';
  n='';
}else if (n.length>10){
  infoNickname.innerHTML='<font color=red> "昵称" 长度过长。</font>';
  n='';
}else {
  infoNickname.innerHTML='';
}
if (u!='' && n!=''){
  document.cForm.u.value=u;
  document.cForm.n.value=n;
  document.cForm.submit();
  //hidFrame.location="reg_check.asp?u=" + u + "&n=" + n;
  infoUsername.innerHTML='<font color=black>正在检测"用户名"，请稍等...</font>';
  infoNickname.innerHTML='<font color=black>正在检测 "昵称" ，请稍等...</font>';
}
}
function CheckSubmit(){
var cval=document.form17Game.username.value;
var n=document.form17Game.nickname.value;
if (cval.length<4 || cval.length>10){
  infoUsername.innerHTML='<font color=red>请输入"用户名"。</font>';
  alert("请输入 4-10 位用户名。");
  document.form17Game.username.select();
  return false;
}
cval=document.form17Game.nickname.value;
if (cval.length<1 || cval.length>10){
  infoNickname.innerHTML='<font color=red>请输入"昵称"。</font>';
  alert("请输入 1-10 位昵称。");
  document.form17Game.nickname.select();
  return false;
}
if (document.form17Game.agreeItem.checked==false){
  alert("请选择同意热血江湖用户服务条款，否则不能注册。");
  document.form17Game.agreeItem.focus();
  return false;
}
}
</script>
</head>
<body>
<script src="/js/top.js"></script>
<div id="main">
<div id="mainleft">
    <script src="/js/regstep.js"></script>
    <script>regstep(1)</script>
    <script src="/js/qa.js"></script>
</div>
<div id="mainright">
    <div id="position">您现在的位置 >> 账号管理中心 >> 注册 >> 填写账号、昵称</div>
    <h6>欢迎您来到，请您按照页面提示逐步完成账号注册！</h6>
    <div id="tips">
      <div class="alert">
        <p>请您按照页面提示要求填写账号、昵称，您所填写的账号、昵称注册后将无法修改；</p>
        <p>如果填写的账号、昵称的文字中，出现违反国家相关法律法规的名词，或者出现提示与其他用户注册的账号、昵称相同，您都将无法完成账号、昵称的注册。</p>
      </div>
    </div>
    <div id="mainform">
<form name='cForm' action="reg_check.asp" method="post" target='hidFrame'>
<input name="u" type="hidden" />
<input name="n" type="hidden" />
</form>
      <form name='form17Game' method=post action="reg_step2.asp" οnsubmit="return CheckSubmit();" autocomplete="off">
        <h2><span class="warn">必填内容：</span>填写账号、昵称</h2>
        <ul>
<li>　　　　　用户账号：<input name="username" id="username" class="text1" type="text" maxlength="10" title="登录游戏时需要输入游戏账号，并且游戏账号在游戏中是唯一的。" /> <span id="infoUsername"></span>
<div class="note">　　　　　　　　　　由数字、字母(分大小写) 组成。长度为4－10位。</div></li>
<li>　　　　　用户昵称：<input name="nickname" id='nickname' class="text1" type="text" maxlength="10" /> <span id="infoNickname"></span>
<div class="note">　　　　　　　　　　1-10个字，可使用中、英文、数字与符号</div></li>
        </ul>
<div class="btn">
<input name="checkRegName" value="验测账号、昵称是否重复" type="button" style='background:url(/images/bg_tipstext.gif);width:240px;height:29px;border:none;font-weight:bold;' οnclick="CheckUserName();" />
</div><input name="spreadHid" type="hidden" value='' />
        <div class="btn">
          <input name="" value="下一步" type="submit" class="submit" />
          <input name="" value="取消" type="reset" class="submit" />
        </div>
        <h2><span class="warn">服务条款：</span>
          <input name="agreeItem" type="checkbox" value="checkbox">
        已仔细阅读并同意用户服务条款</h2>
        <ul>
          <li><iframe frameborder="0" style="border:1px solid #CCC;" width="580" height="150" scrolling="auto" src="http://rxjh.17game.com/svr/confer.asp">对不起，您的浏览器不支持此框架结构！</iframe>
          </li>
        </ul>
      </form>
    </div>
<iframe name='hidFrame' src='' width=0 height=0 style='display:none'></iframe>
    <script src="/faq/faq.js"></script>
    <script>faq(6)</script>
<script>
var strUrl = location.search;
document.form17Game.spreadHid.value=strUrl;
</script>
</div>
<div class="clear"></div>
</div>
</body>
</html>

2.提交的验证页面

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script>
parent.infoUsername.innerHTML='<font color=red>用户名“ saizone ”已经存在<font color=#ffffff>-134205440</font></font>';
parent.infoNickname.innerHTML='<font color=red>昵　称“ sisdf ”已经被使用<font color=#ffffff>-134217726</font></font>';
</script></head></html>

文章引用自：

SAINO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
注册时检测用户名的实现

1.注册表单填写页面17game账号管理中心function CheckUserName(){ var u=document.getElementById("username").value; var n=document.form17Game.nickname.value; if (u.length infoUsername.innerHTML=请输入"用户名"。; u=; }e
复制链接

扫一扫