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

<!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>

posted @ 2020-03-18 20:55  JackieDYH  阅读(7)  评论(0)  编辑  收藏  举报  来源