本文转自：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. Asynchronous Jobs

    Because Play is a web application framework, most of the application logic is done by controllers re ...

  2. The template engine

    Play has an efficient templating system which allows to dynamically generate HTML, XML, JSON or any ...

  3. MySQL之MySQL5.7中文乱码

    自己的MySQL服务器不能添加中文,于是自己使用 show variables like 'character%'; 查看了当前的编码格式 我又通过以下方法将其设置为utf-8 SETcharacte ...

  4. JavaScript数组与对象的关系

    JavaScript的数组,相比其他语言,是比较特殊的.数组是Object类型,只不过,有几个比较特殊的地方: 有索引下标 有默认的length属性 是有序的(注意,对象是无序的) 可以使用一些特殊的 ...

  5. HTML5拖放（drag and drop）与plupload的懒人上传

    HTML5拖放能够将本地的文件拖放到页面上,plupload又是很好的文件上传插件,而今天就将两者结合,做了个文件拖拽上传的功能. 简述HTML5拖放 拖放是HTML5标准的一部分,任何元素都能够拖放 ...

  6. 浅析css布局模型2

    上节对整个布局模型进行了概述,这节先谈一下布局模型的几个属性. z-index属性 该属性是检索或设置对象的层叠顺序,默认值为auto,遵循其父对象的定位. 并级的对象,该属性的值越大,则被层叠在最上 ...

  7. SharePoint 创建模版页

    [1]需要安装SharePoint Designer  最新版编辑工具 [2]我用的是SharePoint Server 2013 如果是Office 请匹配寻找 1.创建母版页面 打开右上角-网站设 ...

  8. SharePoint 2013 REST 服务使用简介

    1.创建测试使用列表”REST Demo”,插入一些测试数据,如下图: 2.添加内容编辑器,并且添加脚本引用以及HTML代码,如下图: Result的Div为显示结果使用,input标签触发REST服 ...

  9. vbs操作excel

    航天金税系统升级,导出的Excel文件格式与原来有的差异,老的数据导入程序识别不了该文件,对比了新老文件后,发现新文件在专票和普票的“份数”行前增加了一行,同时增加了“单据号”列,通过脚本 把这些删除 ...

  10. JavaScript学习13 JavaScript中的继承

    JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...