javescript第二天

最新推荐文章于 2022-11-21 20:10:21 发布

对饮江南雨

最新推荐文章于 2022-11-21 20:10:21 发布

阅读量109

点赞数 1

本文链接：https://blog.csdn.net/fiaank/article/details/110453496

版权

要求
设置一个input标签和一个内容为检测的按钮，在点击按钮的时候，让获取input的内容并判断
要求：
1、有没有输入
2、输入的是不是数字
3、不能有0在前面
4、不能是小数
5、输入的数字必须在5位以上、11位以下
如果满足要求，就弹窗输出验证成功，如果不满足要求，就弹窗输出验证失败
网页展示
在这里插入图片描述

html结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="inp1">
    <button id="but">检测</button>
</body>
</html>

javescript代码

<script>
		// 定义事件
        var inp = document.getElementById('inp1');
        var but = document.getElementById('but');
       	//绑定事件
            but.onclick = function(){
			var a = inp.value;
            // 输入的数字必须在5位以上、11位以下
			a.length>=5
			&&a.length<=11
            // 不能有0在前面
			&&a.charAt(0)>0
            // 不能是小数
            &&a%1==0? alert("验证成功"):alert("验证失败")
		}
    </script>

javascript里面&&用作逻辑与的运算符表示逻辑与（and），当运算符两边的表达式的结果bai都为true时，整个运算结果才为true，否则，只要有一方为false，则结果为false。

a%1==0?表示整数可以被1整除，小数不整除。

对饮江南雨

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
javescript第二天

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input typ
复制链接

扫一扫