`
ngcsnow
  • 浏览: 33782 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js 限制文本框只能输入数字

阅读更多

写js常用到event、keyCode、returnValue,浏览器兼容性很难搞,今天整理了一下做个笔迹,支持ie、firefox、chrome等浏览器。代码如下:

 

function pageOnlyNumber(evt){
	evt = (evt) ? evt : window.event;
	keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which :evt.charCode);
	if((keyCode < 48 || keyCode > 57) && keyCode != 8){
		if(window.event){
			window.event.returnValue = false;
		}else{
			evt.preventDefault();
		}  
	}
}
 

只需在文本框的onkeypress事件下调用即可。

 

<input type="text" onkeypress="pageOnlyNumber(event)" />
分享到:
评论

相关推荐

    js限制文本框只能输入数字(正则表达式).docx

    ### JS限制文本框只能输入数字(正则表达式) #### 背景介绍 在Web应用开发中,经常需要对用户输入的数据进行合法性验证。特别是在处理财务数据、统计数据时,确保用户只能输入数字是非常重要的。这不仅可以提高...

    js限制文本框只能输入数字,小数点,英文字母,汉字

    ### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...

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

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

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

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

    「js限制文本框只能输入数字或字母的方法总结」.pdf

    以下是对标题和描述中提到的几种限制文本框只能输入数字或字母方法的详细说明: 1. **只能输入字母和汉字** 这段代码使用了`onkeyup`和`onbeforepaste`事件来处理输入。它通过正则表达式`/[\d]/g`匹配所有数字,并...

    js限制文本框只能输入数字或字母的方式总结.pdf

    以下是一些常见的方法来限制文本框只接受数字或字母的输入: 1. **只能输入字母和汉字**: 通过监听`onkeyup`和`onbeforepaste`事件,我们可以移除所有非字母和非汉字的字符。代码如下: ```html (/[\d]/g,'')" ...

    js限制文本框只能输入数字或字母的方法总结.docx

    在JavaScript中,限制用户在文本框(`&lt;input&gt;`)中只能输入特定字符类型,如数字或字母,是常见的需求,特别是在表单验证和数据输入的场景中。以下是一些实现这种限制的方法: 1. **只能输入字母和汉字**: 这段...

    js限制文本框只能输入数字或字母的方式总结.docx

    在JavaScript中,限制用户在文本框(`&lt;input&gt;`元素)中输入特定类型的字符,如数字、字母等,是常见的需求。以下是对不同情况下的实现方法的总结: 1. **只允许输入字母和汉字** 这种情况下,我们需要过滤掉除字母...

    验证文本框只能输入数字

    下面我们将详细介绍如何使用JavaScript验证文本框只能输入数字。 首先,我们需要了解HTML中的`&lt;input&gt;`标签,它是创建文本输入字段的元素。默认情况下,用户可以在这个输入框中输入任何字符。为了限制用户只能输入...

    「js限制文本框只能输入数字或字母的方法总结」.docx

    在JavaScript中,限制用户在文本框(input)中只能输入数字或字母通常涉及到事件监听和正则表达式。以下是一些常见的方法: 1. **仅允许输入数字**: ```html (/[^\d]/g, '')" maxlength="10" name="Numbers"&gt; `...

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

    在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...

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

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

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

    限制文本框输入数字和小数点(方法二)** ```html ``` 这段代码较为复杂,通过多个事件监听器实现更细致的控制,如记录原始值和临时值等,确保输入符合要求。 **4. 限制文本框只能输入字母和汉字** ```html (/...

    js限制文本框只能输入数字方法小结

    在限制文本框输入数字的场景中,我们可以使用正则表达式来匹配所有非数字的字符,并在发现非数字字符时将其从输入中移除,或者取消这次输入。 在给出的代码示例中,我们看到了几个不同的方法来实现这一功能: 1. ...

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

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

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

    ### 正则表达式在JavaScript中的应用:限制文本框输入 #### 一、概述 本文主要探讨了如何使用JavaScript中的正则表达式来限制文本框内的输入内容。具体来说,文章涉及了对数字、小数点、英文字母以及汉字等不同...

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

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

Global site tag (gtag.js) - Google Analytics