• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
麦兜家园
优秀是一种习惯
博客园    首页    新随笔    联系   管理    订阅  订阅
JS判断qq号码

关于判断表单元素中QQ号码的既定的几个标准:

1、不能为空

2、不能不是数字

3、不能有0在前面

4、不能是小数

5、输入的数字必须在5位以上、10位以内(先判断10位以下的,目前存在11位和12位的忽略不计)

先来简单写一下布局:

1 请输入QQ号码:<input type="text" />
2 <input type="button" value="判断" />
3 <span id="txt"></span>

那么js应该这样写:

 1 <script>
 2     window.onload= function(){
 3         var oInput=document.getElementsByTagName("input");
 4         var oTxt=document.getElementById("txt");
 5         oInput[1].onclick=function(){
 6             var oVal=oInput[0].value;
 7             if(oVal==""){
 8                 oTxt.innerHTML="您没有输入任何内容";
 9                 oTxt.style="color:#f00;font-size:12px;"
10             }else if(isNaN(oVal)== true){
11                 oTxt.innerHTML="您输入的不是qq号码";
12                 oTxt.style="color:#f00;font-size:12px;"
13             }else if(parseFloat(oVal)!=parseInt(oVal)){
14                 oTxt.innerHTML="您输入的不能是小数";
15                 oTxt.style="color:#f00;font-size:12px;"
16             }else if(oVal.length>10 || 4>oVal.length){
17                 oTxt.innerHTML="您输入的数字长度不合法";
18                 oTxt.style="color:#f00;font-size:12px;"
19             }else if(oVal.charAt(0)=="0"){
20                 oTxt.innerHTML="您输入的首个数字不能为0";
21                 oTxt.style="color:#f00;font-size:12px;"
22             }
23         }
24 
25     }
26 </script>

要一层一层的判断才行,任何一个条件不能忽略,关于数据类型转换单个挑出来看其实很简单,但是运用到实际例子中却容易迷糊,所以我们还得熟知这些基础,才能灵活运用。

好了,简单写到这里,明天继续!

posted on 2017-12-02 23:40  麦兜家园  阅读(3873)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3