Ferris教程学习笔记:js示例3.6 判断数字是否为两位数 

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml"><head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gbk">
 4 <title>判断数字是否为两位数</title>
 5 <style type="text/css">
 6 body{font:12px/1.5 arial;text-align:center;}
 7 .f-text{width:50px;border:1px solid #ccc;background:#f0f0f0;font-family:inherit;padding:3px;margin-right:10px;}
 8 </style>
 9 </head>
10 <body>
11  <input class="f-text" type="text" />
12  <input value="是否为两位数" type="button" />
13 <script type="text/javascript">
14  window.onload = function(){
15    var inputs = document.getElementsByTagName("input");
16    var span = document.getElementsByTagName("span")[0];
17    
18    var size = inputs.length;
19    inputs[0].onkeyup = function(){
20       this.value = this.value.replace(/[^\d]/,"");
21    };
22    inputs[1].onclick = function(){
23      //(inputs[0].value.length == 2)?alert("是2位数"):alert("不是2位数");
24      (inputs[0].value == "")?alert("不能为空"):
25      (/^[0-9]{2}$/.test(inputs[0].value))?alert("是2位数"):alert("是"+inputs[0].value.length+"位数");
26    };
27    
28    
29  }
30 </script> 
31 </body>
32 </html>

 

posted @ 2013-12-13 16:46  kaka100  阅读(330)  评论(0)    收藏  举报