zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    区块链技术驱动金融.mobi
    ProcessExplorer 工具下载
    免费的论文查重网站
    接口可以继承接口吗?
    比较中的自动拆装箱
    Java语言中的异常处理
    Java类加载过程
    通过反射访问父类的私有成员
    final关键字详解
    MVC 控制台 +log4net 存入数据库
  • 原文地址:https://www.cnblogs.com/kaka100/p/3473450.html
Copyright © 2011-2022 走看看