`
saillanbo
  • 浏览: 10644 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

只允许文本框中输入数字

阅读更多
即时判断文本框中是否输入数字,非数字则不允许输入的JS代码。

onKeyUp="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"

表单中只允许输入数字的方法:
<input onkeyup="value=value.replace(/\D/g,'')">


如何在表单里限制用户只许输入数字或字母,可以使用正则表达式,再加上事件的配合就可以了

有两种方法来实现,

第一种:


<body>
<script type="text/javascript">
function regInput(reg)
{
var srcElem = event.srcElement
var oSel = document.selection.createRange()
var srcRange = srcElem.createTextRange()
oSel.setEndPoint("StartToStart", srcRange)
var num = oSel.text + String.fromCharCode(event.keyCode) + srcRange.text.substr(oSel.text.length)
event.returnValue = reg.test(num);
}
</script><input type="text" onKeyPress="regInput(/^[0-9]*$/)" /></form>
这种方法很好用,但是在Firefox不起作用,因为firefox下不识event该事件,当然,你可以参照第二个例子改一下也行.

第二种:

<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
var numcheck;
if(window.event) // IE
  {
  keynum = e.keyCode;
  }
else if(e.which) // Netscape/Firefox/Opera
  {
  keynum = e.which;
  }
keychar = String.fromCharCode(keynum);
numcheck = /\d/;
return !numcheck.test(keychar);
}
</script>

<input type="text" onkeypress="return noNumbers(event)" />
</form>
这个例子只允许输入字母,想改成只输入数字吗?很简单,把
return !numcheck.test(keychar);改成:
return numcheck.test(keychar);即可


分享到:
评论

相关推荐

    C#文本框只能输入数字

    但在某些应用场景下,我们可能需要限制用户在文本框中输入的内容类型,例如仅允许输入数字。这种需求常见于需要精确数据输入的场景,如年龄、价格等数值型数据的收集。本文将详细介绍如何实现C#中的文本框只能输入...

    验证文本框只能输入数字

    对于只允许输入数字,可以设置如下: ```html *" title="请输入数字"&gt; ``` 这里的`\d*`表示匹配任意数量的数字。但请注意,这种方法不能防止用户在JavaScript禁用的情况下输入非数字字符。 2. 使用JavaScript...

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

    例如,一个文本框可能只允许用户输入数字、小数点和减号,这样的需求可以通过设置一个特定的正则表达式来实现。下面我们将详细讨论如何构建这样的正则表达式以及其背后的工作原理。 首先,我们需要明确允许输入的...

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

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

    c# 文本框只能输入数字

    在C#编程语言中,有时候我们需要对用户输入的数据进行限制,比如只允许用户在文本框中输入数字。这种需求在很多场景下都是必要的,例如在处理价格、数量等数值型数据时,确保输入的准确性至关重要。本文将详细介绍...

    winForm处理文本框只能输入数字

    在探讨如何在WinForm应用程序中实现文本框仅能输入数字这一功能时,我们首先需要理解WinForm的基础概念以及事件处理机制。WinForm是.NET Framework的一部分,用于创建Windows桌面应用程序的图形用户界面(GUI)。它...

    JS文本框只允许输入数字小数点

    为了实现只允许输入数字和小数点,我们可以监听文本框的`keydown`、`keyup`或`input`事件,然后在事件处理函数中检查用户的输入。如果输入不符合要求,我们就阻止其行为或者清除非法字符。这里的关键是正则表达式,...

    js 控制文本框只能输入数字 自己开发了一个jquery插件

    以上就是开发一个jQuery插件来控制文本框只输入数字的基本步骤。通过这个插件,用户将无法在文本框中输入非数字字符,除非配置允许小数并设置了小数位数。这个插件可以极大地提高用户体验,防止他们无意中输入无效...

    C#限制文本框输入数字

    在C#编程中,限制文本框输入特定类型的字符是一项常见的需求,尤其是在处理...总之,限制文本框输入数字是C#应用开发中的一项基础而重要的技能,掌握并灵活运用上述技术,将有助于提升你的应用程序的质量和用户体验。

    VBNET让文本框只能输入数字

    在压缩包中的"VBNET让文本框只能输入数字.txt"文件,可能包含了上述代码示例或者对这个知识点的进一步解释和说明。如果你需要更深入地了解VB.NET中的文本框控件和事件处理,可以参考.NET Framework的官方文档,或者...

    js文本框限制输入 多种情况

    #### 四、限制文本框输入数字(含小数点),同时处理特殊场景 当需要对输入的小数进行更细致的控制时,例如限制小数点后最多两位数,可以使用以下代码: ```html (/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" onblur=...

    js限制文本框只输入正整数

    在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...

    VB.net中使文本框只能输入数字.doc

    ### VB.NET 中实现文本框仅能输入数字的详细解析 #### 概述 在VB.NET开发环境中,常常需要创建各种应用程序来处理数据输入与运算。其中,为了保证数据的准确性和有效性,通常需要对用户的输入进行限制。例如,在...

    html文本框只能输入数字

    首先,我们可以使用HTML5引入的新属性`type="number"`来创建一个只允许输入数字的文本框。例如: ```html ``` 这里的`min`和`max`属性可以用来设定输入值的范围,确保用户输入的数字在指定范围内。 然而,这个...

    验证文本框只能输入数字和小数点

    ### 验证文本框只能输入数字和小数点的知识点详解 #### 一、背景介绍 在Web开发中,为了确保用户输入的数据符合预期格式,经常需要对输入的数据进行校验。例如,在处理金额或重量等数值时,我们通常希望用户只能...

    wpf 文本框只能输入小数,整数,可允许负号

    文本框验证,允许输入整数、小数、负号;键盘验证;文本框文本改变事件;

    asp.net文本框只能输入数字

    本教程将详细讲解如何使用JavaScript来实现一个功能,使得ASP.NET中的文本框只能输入数字,并且能够处理负数以及控制小数位数。 首先,我们需要在HTML(或ASP.NET的TextBox控件)中添加一个事件监听器,这个监听器...

    html限制文本框输入小数点 数字 字母 汉字 等

    在HTML中,经常需要对用户输入进行限制,比如只允许用户输入数字。这在很多场景下都是非常必要的,例如财务数据输入、表单验证等。下面详细介绍几种方法来实现这一功能。 #### 方法一:替换所有非数字字符 ```html...

    jquery插件,是文本框只能输入数字

    "文本框只能输入数字"这个标签则强调了该插件的主要用途,即确保输入字段只接受数字字符,阻止用户输入其他非数字字符,如字母、特殊字符等。 在提供的压缩包文件中,有以下几个关键文件: 1. `jquery-1.4.1.js`: ...

Global site tag (gtag.js) - Google Analytics