`
Jabbar2011
  • 浏览: 165629 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js实现input输入框只能输入数字的功能(完美测试通过)

阅读更多
<input type="text" style="ime-mode:disabled;" onpaste="return false;"  onkeypress="keyPress()" />  


function keyPress() {  
     var keyCode = event.keyCode;  
     if ((keyCode >= 48 && keyCode <= 57))  
    {  
         event.returnValue = true;  
     } else {  
           event.returnValue = false;  
    }  
 }  


style:ime-mode:disabled表示不能切换输入法
onpaste="return false;" 表示不能粘贴

重要说明:
上述js代码中键值48-57在键值表中只是对应大键盘的0-9,而小键盘的0-9键值是96-105,那为什么也能输入呢?
经过自己测试发现在input中,你输入的是小键盘的0-9,它所识别的keycode也是48-57
分享到:

相关推荐

    js实现input输入框输入信息后出现下拉选择框

    js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取

    输入框只能输入0.5的倍数

    标题“输入框只能输入0.5的倍数”所涉及的知识点主要集中在前端表单验证和数字格式化上。在Web开发中,我们经常需要对用户输入的数据进行约束,确保其符合特定的业务规则,例如这里提到的输入值必须是0.5的倍数。...

    input框只能输入数字和一个小数点

    ### 知识点二:JavaScript实现数字和小数点输入限制 这部分涉及到了JavaScript的事件监听器和字符串处理技术。以下是一种可能的实现方式: ```javascript // 获取input元素 var input = document.getElementById('...

    只能输入数字的输入框.rar

    请输入数字,只能输入数字哦:&lt;input "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"&gt;

    控制输入框只能输入数字

    根据给定文件的信息,本文将详细介绍如何在Delphi中实现对不同类型的输入控件(TEdit、TDBEdit、...通过以上步骤,可以在Delphi中实现对不同类型输入框的数字输入限制功能,从而提高应用程序的数据完整性和用户体验。

    el-input限制输入框只能输入数字

    el-input限制输入框只能输入数字

    js input 密码只能输入数字或字母

    在JavaScript(JS)中,为实现输入框(input)只允许用户输入数字或字母的功能,我们需要对用户的输入进行实时验证。这种需求在很多Web应用中都常见,比如注册、登录页面的密码输入。以下是一个详细的方法来实现这个...

    js限制输入框只能输入数字(onkeyup触发)

    本文介绍了如何利用JavaScript实现仅允许用户在输入框中输入数字的功能。这一需求在各种基于Web的表单验证中非常常见,例如在填写电话号码、身份证号码或者金额时,只接受数字输入。文中提到的主要技术点是利用正则...

    javascript方法:input只能输入数字和字母

    javascript 是一种web开发重要工具! 这个方法可以让你实现:input只能输入数字和字母

    火狐input只能输入数字

    在网页开发中,我们经常需要创建输入框(`input`元素)来收集用户的数据,而有时我们希望用户只能输入数字。火狐浏览器和其他现代浏览器都提供了相应的机制来限制`input`元素的输入类型。在本篇文章中,我们将深入...

    js正则表达式限制文本框只能输入数字,能输小数点.

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...

    JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

    在JavaScript中,我们经常需要限制用户在input输入框中输入特定格式的数据。例如,在处理金额或现金输入时,我们通常需要限制用户输入整数、小数,并且小数部分最多只能有两位数字。为了实现这样的输入限制,我们...

    Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)

    总结来说,通过创建一个JavaScript函数,并利用AngularJS的ng-keyup事件和ng-model指令,可以有效地控制input元素的输入,使得输入框只能输入数字和小数点,并且符合特定的格式要求。这种方法不仅保证了输入格式的...

    jquery实现input输入框实时输入触发事件代码

    要实现输入框(input)中的内容实时更改时触发特定的事件处理函数,可以使用JavaScript的jQuery库来简化操作。以下知识点将详细解释如何利用jQuery为input输入框绑定一个事件,该事件在用户输入时即时响应,并执行预...

    js点击连续添加input输入框并且判断值

    在JavaScript编程中,"js点击连续添加input输入框并且判断值"这个功能是常见的动态表单构建场景。这种技术常用于需要用户输入不确定数量信息的情况,例如购物网站的商品添加、在线问卷调查等。下面我们将详细讲解...

    js实现输入框输入的自动匹配功能

    在JavaScript编程中,输入框自动匹配功能是一种常见的用户体验优化手段,尤其在搜索、表单填写等场景中广泛应用。这种功能可以实时地根据用户输入的内容,从预设的数据集中匹配并展示可能的选项,帮助用户快速找到...

    纯CSS3实现漂亮的input输入框动画样式库(Text input love)

    分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果,始终显示标签label,并显示 placeholder(占位符)文本。 演示地址:...

    jquery控制input只能输入数字和小数点,并且只能有一个小数点,小数点前第一位不能为0

    本资源可以满足金额有关的一些input框输入,只能输入类似10.001的数据,并且小数点前第一位不能是0,我使用这个是为了管理后台做版本控制,我们只需要1.11这种格式的版本号

    input输入框获取js点击文字内容.zip

    总的来说,"input输入框获取js点击文字内容.zip"项目是一个利用JavaScript实现的交互特效,它简化了用户与网页的交互,提高了用户体验。具体实现可能包括对`input`事件和`click`事件的监听,以及对`input`元素`value...

    js-input输入框提示语

    综上所述,`js-input输入框提示语`是前端开发中的基本需求,通过HTML的`placeholder`属性结合JavaScript的动态操作,可以实现丰富的提示语功能,提高用户交互体验。在实际开发中,还需要考虑到兼容性和用户体验,...

Global site tag (gtag.js) - Google Analytics