分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JS判断qq号码

发布时间:2023-09-06 01:28责任编辑:蔡小小关键词:暂无标签

关于判断表单元素中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>

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

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

JS判断qq号码

原文地址:http://www.cnblogs.com/web001/p/7956520.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved