本文转自：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. JSON.NET 使用技巧

    1. 序列化相关技巧 通过特性忽略某些属性 有时候我们会有这样的需求,我们只需要序列化实体类中的一部分属性,这时候我们可以通过声明忽略掉一些我们不需要序列化的属性,有两种方式可以使用么达到这个目标: ...

  2. HTML自学基础

    关于自学HTML中遇到的各类细节问题 1.<a>表示链接标签,类似的有<img src>.链接的地址在<base>中填写.<base href="h ...

  3. jquery messagetip信息语提示控件

    编写原因: 作为提示框,jquery有个messagebox的控件,也就是弹出的提示框.但这个控件如果不是用在需要确认的时候,单单警告提示.消息提示.失败提示时,用户还需要去点下确认,有时这操作还是挺 ...

  4. JavaScript获取浏览器高度和宽度值

    IE中:  document.body.clientWidth ==> *DY对象宽度 document.body.clientHeight ==> *DY对象高度 document.do ...

  5. JavaScript语言精粹学习笔记

    0.JavaScript的简单数据类型包括数字.字符创.布尔值(true/false).null和undefined值,其它值都是对象. 1.JavaScript只有一个数字类型,它在内部被表示为64 ...

  6. arcengine 常用方法

    http://www.cnblogs.com/myparamita/archive/2012/02/15/2352182.html

  7. Atitit.木马病毒强制强行关闭360 360tray.exe的方法

    Atitit.木马病毒强制强行关闭360 360tray.exe的方法 1. taskkill /im 进程名称1 2. 用 wmic process where name="进程名称&qu ...

  8. What is research (1)

    This abstract tells me a lot of stories about itself. Here I want to discuss two stories about it. I ...

  9. Android-Using DDMS

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

  10. Java你可能不知道的事系列1

    概述 本类文章会不段更新分析学习到的经典面试题目,在此记录下来便于自己理解.如果有不对的地方还请各位观众拍砖. 今天主要分享一下常用的字符串的几个题目,相信学习java的小伙伴们对String类是再熟 ...