js判断input输入内容是否符合规范

最新推荐文章于 2024-05-30 11:27:58 发布

JackieDYH

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量4.2k

点赞数 2

分类专栏： JavaScript 文章标签：输入内容 javascript

本文链接：https://blog.csdn.net/JackieDYH/article/details/104953330

版权

JavaScript 专栏收录该内容

358 篇文章 54 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
				var pt = document.getElementById('pt');
				var btn = document.getElementById('btn');
				
				btn.onclick = function(){
					var value = pt.value;
					// 判断是否为空
					if(value == '' || value == ' '){
						alert('没有输入内容！');
						black;
					}
					// 输入的是不是数字
					if(isNaN(value)){
						alert('我不是数字');
						black;
					}
					// 位数在5-11
					if(!(value.length >=5 && value.length <= 11)){
						alert('QQ位数应在5 - 11位间');
						black;
					}
					//第一位不为零
					if(value.charAt(0) == '0'){
						alert('第一位数不能为 0!')
						black;
					}
					// 不能是小数
					if(parseInt(value) != value){
						alert('不能出现小数');
						black;
					}else{
						alert('您的QQ检测通过，符合规范');
					}
					
					
					
				}
			}
		</script>
	</head>
	<body>
		请输入QQ号：<input type="text" name="" id="pt" value="" placeholder="输入QQ号"/><button type="button" id="btn">检测</button>
	</body>
</html>

JackieDYH

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
1
评论
js判断input输入内容是否符合规范

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var pt = docum...
复制链接

扫一扫