前端设计

JavaScript验证——用户名验证

2013-04-15

验证用户名为字母数字下划线组成,6到16位,且第一位不能为数字:

<script type="text/javascript">

//验证用户名
 function UserCheck()
 {
    var MyUser = document.getElementById("txtName").value;
    var UserLength = MyUser.length;
   //判断是否符合长度在6到16之间
    if (UserLength>5&&UserLength<17)
    {
        for (var i=0;i<UserLength;i++)
        {
          var FirstWord = MyUser.charCodeAt(0);//获取第一位的ASCII码值
          if(FirstWord<=57&&FirstWord>=48)
          {
                alert("不能以数字开头");break;
          }
          else
          {
              var WordsType = MyUser.charCodeAt(i);
              if ((WordsType>=65&&WordsType<=90)||(WordsType>=97&&WordsType<=122)||(WordsType>=48&&WordsType<=57)||(WordsType==95))//ASCII码值判断为字母数字或下划线
              {
                  alert("输入正确");break;
               }
               else //不符合则输出提示
               {
                   alert("用户名应为字母数字或下滑线组成");
                   break;
               }
           }
         }
    }
    else
    {
      alert("长度为6到16位");
    }
 }

</script>

再在下面页面中有个textbox,调用那事件:

用户名:<input id="txtName" type="text" />
<input id="btnName" type="button" value="验证" onclick="UserCheck()" />