本文转自：http://forums.asp.net/t/1211724.aspx?OnKeyDown+Numeric+Validator+CLIENT+SIDE

<!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>Numbers Only Textbox by Josh Stodola</title>

  <script type="text/javascript">

    function numbersOnly(e) {

      var evt = (e) ? e : window.event;

      var key = (evt.keyCode) ? evt.keyCode : evt.which;

      if(key != null) {

        key = parseInt(key, 10);

        if((key < 48 || key > 57) && (key < 96 || key > 105)) {

          if(!isUserFriendlyChar(key))

            return false;

        }

        else {

          if(evt.shiftKey)

            return false;

        }

      }

      return true;

    }

    function isUserFriendlyChar(val) {

      // Backspace, Tab, Enter, Insert, and Delete

      if(val == 8 || val == 9 || val == 13 || val == 45 || val == 46)

        return true;

      // Ctrl, Alt, CapsLock, Home, End, and Arrows

      if((val > 16 && val < 21) || (val > 34 && val < 41))

        return true;

      // The rest

      return false;

    }

  </script>

</head>

<body>

  <h1>Numbers Only Textbox by Josh Stodola</h1>

  <input type="text" onkeydown="return numbersOnly(event);" onpaste="return false;" />

</body>

</html>

强化后：
<!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>Numbers Only Textbox by Josh Stodola</title>

  <script type="text/javascript">

    function numbersOnly(obj,e,afterPointLength) {

      if (typeof(afterPointLength)==='undefined') afterPointLength = 3;

      var evt = (e) ? e : window.event;

      var key = (evt.keyCode) ? evt.keyCode : evt.which;

      var value = obj.value;

      if ((value.indexOf('.') != -1))

      {

        // alert(value.substring(value.indexOf('.')).length );

      }

      if(key != null) {

        key = parseInt(key, 10);

        //只能输入一个小数点

        if( (key == 110 && value.indexOf(".") < 0)

            || (key == 190 && value.indexOf(".") < 0) ){

                //alert(value.length);

                //第一位不能是小数点

                if(value.length == 0){

                    return false;

                }else{

                    return true;

                }

            }

        if((key < 48 || key > 57) && (key < 96 || key > 105)) {

          if(!isUserFriendlyChar(key)){

            return false;

          }

        }

        else {

          if(evt.shiftKey)

            return false;

        }

      }

      //小数点后2位

    if ((value.indexOf('.') != -1)){

        if (value.substring(value.indexOf('.')).length > afterPointLength)

        // &&    (event.which != 0 && event.which != 8)

        // &&    ($(this)[0].selectionStart >= text.length - 2)

        {

        if(!isUserFriendlyChar(key)){

            return false;

          }

        }

    }

      return true;

    }

    function isUserFriendlyChar(val) {

      // Backspace, Tab, Enter, Insert, and Delete

      if(val == 8 || val == 9 || val == 13 || val == 45 || val == 46)

        return true;

      // Ctrl, Alt, CapsLock, Home, End, and Arrows

      if((val > 16 && val < 21) || (val > 34 && val < 41))

        return true;

      // The rest

      return false;

    }

  </script>

</head>

<body>

  <h1>Numbers Only Textbox by Josh Stodola</h1>

  <input type="text" onkeydown="return numbersOnly(this,event);" onpaste="return false;" />

</body>

</html>

[转]OnKeyDown Numeric Validator CLIENT SIDE的更多相关文章

  1. Hello Vagrant

    回想以前,想要安装个虚拟机是多么的麻烦.先要费尽心机找到想要的操作系统镜像文件,然后安装虚拟化软件,按照其提供的GUI界面操作一步步创建,整个过程费时费力.但是,自从使用了Vagrant以后,咱腰不酸 ...

  2. Window vagrant 安装部署【转】

    回想以前,想要安装个虚拟机是多么的麻烦.先要费尽心机找到想要的操作系统镜像文件,然后安装虚拟化软件,按照其提供的GUI界面操作一步步创建,整个过程费时费力.但是,自从使用了Vagrant以后,咱腰不酸 ...

  3. handsontable-developer guide-cell function

    renderer 展示的数据不是来自于数据源,而是先把DOM和其他信息传给renderer,然后展示. //五种展示函数 TextRenderer: default NumericRenderer A ...

  4. guacamole实现虚拟键盘

    要做的事情比较简单,就是先实例化一个虚拟键盘,然后监听事件即可. js代码 //虚拟键盘数据 var a = {"language":"en_US"," ...

  5. Handsontable vue如何实现在线编辑excal

    官网地址:https://handsontable.com/ 1.实现效果 2.安装 import { HotTable } from '@handsontable/vue' import Hands ...

  6. Hibernate Validator 6.0.9.Final - JSR 380 Reference Implementation: Reference Guide

    Preface Validating data is a common task that occurs throughout all application layers, from the pre ...

  7. Axis 1 https(SSL) client 证书验证错误ValidatorException workaround

    Axis 1.x 编写的client在测试https的webservice的时候, 由于client 代码建立SSL连接的时候没有对truststore进行设置,在与https部署的webservic ...

  8. HttpClient_javax.net.ssl.SSLHandshakeException: sun.security.validator 问题解决,与环境有关

    用httpclient访问https 资源时,会出现异常,与环境也有关系,有些机器请求正常. javax.net.ssl.SSLHandshakeException: sun.security.val ...

  9. MVC client validation after PartialView loaded via Ajax MVC3中 弹出 Dialog时候 提交的时候 使用 Jquery 不验证 form表单 的解决办法

    I came across this scenario whereby my main View uses Ajax posts to retrieve PartialViews and delive ...

随机推荐

  1. display---我的第一篇博客

    display:block显示为块级元素,换行 display:inline-block显示为块级内联元素,不换行,但是可以改变其宽度高度 display:inline显示为内联元素,不换行但是也不能 ...

  2. bootstrap深入理解之格子布局

    一.源码文件: _grid.scss:格子系统类文件 Mixins/_grid.scss:支持格子系统实现的mixin集合 Mixins/_grid-framework.scss:格子系统实现的核心m ...

  3. Face++ – 提供给你实时的脸部识别 API

    Face++ 是一个小巧,功能强大,跨平台的服务,由Megvii公司建立,致力于建立一个新的视觉平台.它使用计算机视觉尖端科技和数据挖掘,提供3个核心视觉服务(探测,识别和分析).基于 Face++ ...

  4. [js开源组件开发]loading加载效果

    loading加载效果 由于程序和网络的原因,常常我们需要在交互的时候,给用户一个正在加载中的动画,于是,loading组件横空出世.不需要复杂的代码,也能完成大多数业务,这就是我做组件的原则. 效果 ...

  5. 每日一博 | 用 Ionic2 创建 App 启动页滑动欢迎界面

    原文  https://my.oschina.net/qinphil/blog/777787 效果如下,图片来自网络 本文例子和上图稍有不同,主要功能如下: 每滑动一下展示一张全屏图片: 滑动到最后一 ...

  6. JS常用的function集合

    1.把字符串转为日期格式  (1) var str ='2012-08-12 23:13:15';str = str.replace(/-/g,"/");var date = ne ...

  7. Android-Using DDMS

    原文:http://developer.android.com/tools/debugging/ddms.html#how-ddms-works Android提供了一个debug工具叫做:DDMS, ...

  8. android之HttpClient

    Apache包是对android联网访问封装的很好的一个包,也是android访问网络最常用的类. 下面分别讲一下怎么用HttpClient实现get,post请求. 1.Get 请求 HttpGet ...

  9. JNI在C 和 C++ 函数实现的不同

    在C中,JNI 函数调用由“(*env)->”作前缀,目的是为了取出函数指针所引用的值. 在 C++ 中,JNIEnv 类拥有处理函数指针查找的内联成员函数. 下面这两行代码访问同一函数,但每种 ...

  10. 模态视图的modalTransitionStyle、modalPresentationStyle

    1.modalTransitionStyle: 它是使用- (void)presentViewController:(UIViewController *)viewControllerToPresen ...