45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:利用js正则表达式校验正数、负数和小数的方法技巧

利用js正则表达式校验正数、负数和小数的方法技巧

2016-12-15 10:06:43 来源:www.45fan.com 【

利用js正则表达式校验正数、负数和小数的方法技巧

话不多少,直接附上代码实例,仅供参考

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
  function validation() {
   var val = document.getElementById("txtNumber").value;
   var regu = /^(\-|\+)?\d+(\.\d+)?$/;
   if (val != "") {
    if (!regu.test(val)) {
     document.getElementById("labResult").style.color = "red";
     document.getElementById("labResult").innerHTML = "验证失败!";
    } else {
     document.getElementById("labResult").style.color = "green";
     document.getElementById("labResult").innerHTML = "验证成功!";
    }
   }
  }
 </script>
</head>
<body>
 <input id="txtNumber" name="txtNumber" type="text" />
 <input id="btnValidation" name="btnValidation" type="button" value="校验" onclick="validation()" />
 验证结果:<label id="labResult" ></label>
</body>
</html>

利用js正则表达式校验正数、负数和小数的方法技巧

利用js正则表达式校验正数、负数和小数的方法技巧

利用js正则表达式校验正数、负数和小数的方法技巧

利用js正则表达式校验正数、负数和小数的方法技巧

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,同时也希望多多支持路饭!


本文地址:http://www.45fan.com/bcdm/86129.html
Tags: 表达式 校验 正数
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部