数字的判定

最新推荐文章于 2024-03-13 14:43:38 发布

能吃一大碗

最新推荐文章于 2024-03-13 14:43:38 发布

阅读量410

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/xiaoshiqi17/article/details/78702007

版权

js 专栏收录该内容

7 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

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


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

<script>
    var oTxt = document.getElementsByTagName('input')[0];
    var oBut = document.getElementsByTagName('input')[1];

    //判断有没有输入
    oBut.onclick = function () {
        if(oTxt.value == ''){
            alert('请输入内容')
        } else if(oTxt.value.length<5 || oTxt.value.length>10){
            alert('输入的数字必须在5位以上、10位以内')
        } else if(isNaN(oTxt.value)) {
            alert('请输入数字')
        } else if(parseFloat(oTxt.value)%1!=0){
            alert('不能是小数')
        } else if(oTxt.value[0]==0){
            alert('第一位不能是0')
        } else {
            alert(oTxt.value)
        }
    }

</script>

</body>
</html>