<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
请输入QQ号码:
<input type="text" name="" id="">
<button>验证</button>
<script>
// 获取
var oIn = document.getElementsByTagName("input")[0];
var oBt = document.getElementsByTagName("button")[0];
// 点击
oBt.onclick = function () {
var oV = oIn.value;
//语法: 条件(真假) ? 条件成立时执行的代码 : 条件不成立时执行的代码
// 有没有输入
// oV == "" ? alert("请输入QQ号") : alert("正确");
// 输入的是不是数字
// isNaN(oV) == true ? alert("请输入数字") : alert("正确");
// 不能有0在前面
// oV[0] == 0 ? alert("不能有0在前面") : alert("正确");
// 不能是小数
// parseInt(oV) != oV ? alert("不能是小数") : alert("正确");
// 输入的数字必须在5位以上、11位以下
// oV.length > 5 && ov.length < 11 ? alert("正确") : alert("输入的数字必须在5位以上、11位以下");
oV == "" ? alert("请输入QQ号") : isNaN(oV) == true ? alert("请输入数字") : oV[0] == 0 ? alert("不能有0在前面") : parseInt(oV) != oV ? alert("不能是小数") : oV.length > 5 && oV.length < 11 ? alert("正确") : alert("输入的数字必须在5位以上、11位以下");
}
</script>
</body>
</html>