<!DOCTYPE HTML>
<html>
<head>
<title>判断三位数</title>
<mate charset="utf-8" />
<style type="text/css">
*{ padding: 0px; margin: 0px; text-align: center; }
.cpp4{ margin: 30px auto; }
.cpp4 input{ width: 200px; height: 30px; }
.cpp4 button{ width: 50px; height: 34px; cursor: pointer; }
</style>
</head>
<body>
<div class="cpp4">
<input type="text" />
<button>查看</button>
</div>
<script type="text/javascript">
window.onload = function(){
// 获取元素
var textval = document.getElementsByClassName("cpp4")[0].getElementsByTagName("input")[0];
var checkbtn = document.getElementsByClassName("cpp4")[0].getElementsByTagName("button")[0];
// 点击事件
checkbtn.onclick = function(){
// 判断是否为正整数
if(/^[0-9]*[1-9][0-9]*$/.test(textval.value)){
// 判断是否为三位数
alert(/^\d{3}$/.test(parseInt(textval.value)) ? "对了! 是三位数" : "错了! 此为" + textval.value.length + "位数");
}else{
alert("字符串长度为:" + textval.value.length);
}
}
}
</script>
</body>
</html>