JS小练习3（charAt）_js中charat()方法练习题-CSDN博客

本文链接：https://blog.csdn.net/u013778905/article/details/79307334

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>输入合适的QQ号码</title>
</head>

<body>

请输入QQ号码：<input type="text" />
<input type="button" value="判断" />


<br />
1、有没有输入<br />
2、输入的是不是数字<br />
3、不能有0在前面<br />
4、不能是小数<br />
5、输入的数字必须在5位以上、12位以内<br />


<!-- 隐形中其实还少了些条件，
负数应该是不合法；-389978

Number("123e3")检测是一个数字；123e3=123000;

parseInt(oTxt)==parseFloat(oTxt) 利用这个判断输入的字符串转化后是不是小数，会发现
parseFloat("123e3")
123000
parseInt("123e3")
123
对于指数这种写法其实还不知道如何处理，如果是通过字符串中判断包含e这个字母那是不是有繁琐呢？
 -->

<script>
    window.onload = function(){
        var oInp = document.getElementsByTagName('input');
        //点击判断对数字进行判断
        oInp[1].onclick = function(){
            var oTxt = oInp[0].value;
            test(oTxt);
        }
        //回车也进行判断
        onkeydown = function KeyDown(){
            if (event.keyCode == 13){
                var oTxt = oInp[0].value;
                test(oTxt);
            }
        }

        function test(oTxt){
            if(oTxt.length>0){
                if(!isNaN(Number(oTxt))){
                    if(parseInt(oTxt)>0){
                        if(oTxt.charAt(0)!=0 && oTxt.indexOf("e")<0){
                            if(parseInt(oTxt)==parseFloat(oTxt)){
                                if(oTxt.length>=5&&oTxt.length<=12){
                                    alert("恭喜你，输入有效")
                                }else{
                                    alert("输入的数字必须在5位以上、12位以内")
                                }
                            }else{
                                alert("不能是小数")
                            }
                        }else{
                            alert("不能有0在前面或者是指数")
                        }
                    }else{
                        alert("输入数字要大于零");
                    }
                }else{
                    alert("输入的是不是数字");
                }
            }else{
                alert("请输入QQ号码")
            }
        }
    }
</script>
</body>
</html>