关于判断表单元素中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>
要一层一层的判断才行,任何一个条件不能忽略,关于数据类型转换单个挑出来看其实很简单,但是运用到实际例子中却容易迷糊,所以我们还得熟知这些基础,才能灵活运用。
好了,简单写到这里,明天继续!
时间: 2024-10-09 07:32:11