`
qw232144
  • 浏览: 35288 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

input框,设置只能输入数字

 
阅读更多

首先,input有一个自己的属性,可以设置type为number如

<input type="number"></input>

这种方法只能用于电脑页面,手机输入还是可以输入汉字。 

其次就是用js来实现。

首先是正则表达式形式

<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

 这种方法写出来的input框可以输入字母汉字但是会自动删除。

最后是根据按键编码来实现的,同样这种方法只能用在键盘上。

function onlyNum()  
    {  
        if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))  
        {  
            if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))  
            {  
                event.returnValue=false;  
            }  
        }  
    }  

 然后再用input调用

<input onkeydown="onlyNum()"/>  

 这种方法是根据键盘上每个按键都有自己的keyCode来实现的。

分享到:
评论

相关推荐

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

    标题“input框只能输入数字和一个小数点”以及描述“input框只能输入数字和一个小数点,对界面验证很好用”,都指向了如何在HTML表单中限制input元素只接受数值型输入,包括整数和浮点数,且浮点数只允许有一个...

    正则表达式解决input框固定输入值得格式(金额,特殊字符)

    栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入特殊字符,如“@#¥%&*”等 这种情况下,就需要直接在input上进行...

    输入textbox控件只能输入数字

    标题"输入textbox控件只能输入数字"所描述的问题就是如何在TextBox控件中实现这个功能,确保用户只能输入数字,防止输入其他字符,这在诸如数据录入、年龄验证等场景中尤为常见。 要实现这一目标,开发者可以采用...

    控制输入框只能输入数字

    根据给定文件的信息,本文将详细介绍如何在Delphi中实现对不同类型的输入控件(TEdit、TDBEdit、TComboBox、TDBComboBox)进行数字输入的限制。具体包括整数输入与浮点数输入的控制逻辑。 ### 一、整体思路 在...

    使用正则限制input框只能输入数字/英文/中文等等

    本文将详细介绍如何使用正则表达式来限制input框的输入,包括只能输入数字、英文、中文等。 首先,我们要了解正则表达式的基本组成部分。正则表达式通常由字母、数字、特殊符号及这些符号组合而成。在HTML中,我们...

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

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

    文本框只能输入 数字,小数点,减号 字符的正则表达式

    总结来说,限制文本框只能输入数字、小数点和减号的正则表达式是`^[-+]?[0-9]*\.?[0-9]+$`,它结合了字符集、量词和否定前瞻断言,确保了用户输入的合法性。这种技术在开发中广泛应用,能够提高数据质量,防止因用户...

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

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

    input限制输入(数字+小数点)(数字、小数点、-)

    往往需要限制输入,本资源包含input只能输入数字+两位小数。以及数字+小数点+符号-。也就是两种类型的限制。数字和小数点。以及负数和小数点。并且小数点不能出现在第一位,并且只能出现一次。-只能出现在第一位,...

    js完美解决jsp文本框限制只能输入数字、小数问题

    ### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中,确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量...

    输入框只能输入0.5的倍数

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

    只能输入数字文本框C#程序

    在C#编程中,"只能输入数字文本框"是一个常见的需求,特别是在开发用户界面时,例如在财务软件、统计应用或者任何需要用户输入数值数据的场景。为了实现这个功能,我们需要编写特定的代码来限制用户在文本框...

    vue 限制input只能输入正数的操作

    在某些项目中 input 框只能输入数字,可以用以下办法: 先在标签上绑定上 @input 事件来监听标签的值变化,通过正则来改变输入的值。 &lt;input class="keep_input" v-number-only style="width:35px" v-model...

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

    在JavaScript(JS)中,...以上就是实现“js input 密码只能输入数字或字母”的完整方法,确保了用户在输入时只会看到符合要求的字符。这个功能对于确保数据的正确性和安全性非常重要,特别是在处理敏感信息如密码时。

    只能输入数字小数点负号正则

    ### 正则表达式知识点详解:只能输入数字、小数点、负号 在实际的软件开发过程中,经常需要对用户输入的数据进行合法性验证,尤其是涉及到金额或数值型数据时,确保用户输入的是合法的数字格式显得尤为重要。本文将...

    解决vue中监听input只能输入数字及英文或者其他情况的问题

    在Vue开发过程中,我们经常会遇到需要限制用户在input框中只能输入特定格式字符的需求,例如仅允许输入数字和英文字符。为了实现这一点,开发者会采取不同的方法来监听和限制用户的输入行为。 首先,了解Vue.js框架...

    input,验证,闪动,自动删除,限制输入

    这段JavaScript代码定义了一个名为`onlyNum`的自定义验证函数,用来限制输入框只能输入数字。函数通过检测键盘事件(`event`)的`keyCode`属性来判断用户输入的是不是数字键(包括标准键盘上的数字键和小键盘上的数字...

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

    - 只能输入数字和英文:`&lt;input onkeyup="value=value.replace(/[\W]/g,'')"` 和 `&lt;input onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"&gt;` 这两个例子分别...

    限制文本框只能输入double类型

    MessageBox.Show("只能输入数字或小数点!"); } try { string content = ((TextBox)sender).Text; if (content != "") { if ((e.KeyChar.ToString() == ".")) { string num = content + "."; Convert.To...

Global site tag (gtag.js) - Google Analytics