關於判斷表單元素中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>
要一層一層的判斷才行,任何一個條件不能忽略,關於數據類型轉換單個挑出來看其實很簡單,但是運用到實際例子中卻容易迷糊,所以我們還得熟知這些基礎,才能靈活運用。
好了,簡單寫到這里,明天繼續!