- 浏览: 52221 次
- 来自: 深圳
文章分类
最新评论
js控制只允许输入数字
avascript 只允许输入数字有很多方法,总结如下
1,只允许输入数字和小数点。
1
<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">
2,判断的更详细一些,甚至22..2这样不算数字也判断得出来
1
<script> <br>function check(){ <br> var i=document.getElementById("tt").value;<br> if ( isNaN(i) ) {<br> alert("非法字符!"); <br> tt.value="";<br> } <br>} <br></script> <br><input type="text" name="tt" id="tt" onkeyup="check();">
3,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。
1
2
3
4
5
6
7
8
9
<script language=javascript>
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;
}
</script>
<input onkeydown="onlyNum();" style="ime-mode:Disabled">
4,只能是数字
1
<input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
结语,其实style="ime-mode:Disabled这句是比较实用的。意为关闭输入法。效果最好的是3,可以直接禁止输入,4是输入以后又替换,这样输入者有机会按回车,会有意想不到的结果
avascript 只允许输入数字有很多方法,总结如下
1,只允许输入数字和小数点。
1
<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">
2,判断的更详细一些,甚至22..2这样不算数字也判断得出来
1
<script> <br>function check(){ <br> var i=document.getElementById("tt").value;<br> if ( isNaN(i) ) {<br> alert("非法字符!"); <br> tt.value="";<br> } <br>} <br></script> <br><input type="text" name="tt" id="tt" onkeyup="check();">
3,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。
1
2
3
4
5
6
7
8
9
<script language=javascript>
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;
}
</script>
<input onkeydown="onlyNum();" style="ime-mode:Disabled">
4,只能是数字
1
<input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
结语,其实style="ime-mode:Disabled这句是比较实用的。意为关闭输入法。效果最好的是3,可以直接禁止输入,4是输入以后又替换,这样输入者有机会按回车,会有意想不到的结果
发表评论
-
IE下使用uploadify上传文件的相关问题解决
2017-10-12 12:14 310SWFUpload.prototype.cleanUp = f ... -
js和java 中文乱码
2016-11-18 11:37 570因为在jsp中对中文进行了编码的时候用的是UTF-8的编码 ... -
js常用方法
2016-08-25 17:37 475当前返回日期yyyy-MM-dd function get ... -
js时间比较/当前时间
2015-12-03 21:49 498var selectDate=edit.getContro ... -
js map类型
2015-08-25 10:11 966<script> function Map2() ... -
javat替换成换行符,关于textarea中换行、回车、空格的识别与处理
2015-08-24 20:05 1669var newString=con.replace(/\n/ ... -
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
2015-07-18 15:24 5074后退时关闭当前页面 < ... -
正确优雅的解决用户退出问题——JSP和Struts解决方案(转载)
2015-07-06 17:37 525正确优雅的解决用户退出问题——JSP和Struts解决方案(转 ... -
长度限制
2015-06-12 16:56 675//=============得到输入框长度(包括中文)=== ... -
js input即时监听输入值
2015-06-08 17:01 2548总结一下 :要想在输入框超过限制长度时候,不给输入。之前是用o ... -
回车和点击实现表单提交
2015-06-02 14:06 430<html> <head> <t ... -
js记录用户名密码 COOKIE
2015-06-02 10:43 830记录COOKIE后,当取消复选框时 发现无法删除COOKIE。 ... -
Js实现图片上传前在本地预览
2015-05-28 17:59 557<!DOCTYPE html PUBLIC " ... -
获取系统当前时间 适合用于头部
2015-05-26 16:26 446<!DOCTYPE HTML PUBLIC " ... -
JS 将字符串转换成日期类型
2015-05-22 14:52 658JS 将字符串转换成日期类型 2013-06-19 17:48 ... -
JS函数中带与不带括号的区别
2015-05-21 18:16 452JS函数中带与不带括号的区别 其实总结起来如下: 函数只要是要 ... -
JS 字符串长度判断
2015-05-20 10:08 1680content.replaceAll("(\r\n| ... -
js开发遇到在方法中调用另一方法问题
2015-05-19 18:03 520/eas_crm_dayi/WebContent/ecp/pa ...
相关推荐
### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...
### JS限制文本框只能输入数字(正则表达式) #### 背景介绍 在Web应用开发中,经常需要对用户输入的数据进行合法性验证。特别是在处理财务数据、统计数据时,确保用户只能输入数字是非常重要的。这不仅可以提高...
"JS 正则表达式限制文本框只能输入数字" JS 正则表达式是指在 JavaScript 中使用的正则表达式,它是一种强大的字符串匹配工具,广泛应用于字符串的校验、提取、替换等操作。本文将详细介绍 JS 正则表达式在限制...
限制文本框输入数字和小数点(方法二)** ```html ``` 这段代码较为复杂,通过多个事件监听器实现更细致的控制,如记录原始值和临时值等,确保输入符合要求。 **4. 限制文本框只能输入字母和汉字** ```html (/...
### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...
### 正则表达式在JavaScript中的应用:限制文本框输入 #### 一、概述 本文主要探讨了如何使用JavaScript中的正则表达式来限制文本框内的输入内容。具体来说,文章涉及了对数字、小数点、英文字母以及汉字等不同...
标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...
通过上述示例可以看出,正则表达式在限制文本框输入方面具有很强的灵活性和实用性。开发者可以根据实际需求选择合适的正则表达式来实现对用户输入的有效控制。需要注意的是,在实际项目中还需要考虑到浏览器兼容性等...
以下是对标题和描述中提到的几种限制文本框只能输入数字或字母方法的详细说明: 1. **只能输入字母和汉字** 这段代码使用了`onkeyup`和`onbeforepaste`事件来处理输入。它通过正则表达式`/[\d]/g`匹配所有数字,并...
总结来说,限制文本框只能输入数字、小数点和减号的正则表达式是`^[-+]?[0-9]*\.?[0-9]+$`,它结合了字符集、量词和否定前瞻断言,确保了用户输入的合法性。这种技术在开发中广泛应用,能够提高数据质量,防止因用户...
以下是一些关于正则表达式的实例,用于限制文本框只允许输入数字、小数点、英文字母和汉字: 1. 只允许输入数字(不包括小数点): `(/\D/g,'')">` 这段代码使用了正则表达式`/\D/g`,`\D`代表非数字字符,`g`是...
但在某些应用场景下,我们可能需要限制用户在文本框中输入的内容类型,例如仅允许输入数字。这种需求常见于需要精确数据输入的场景,如年龄、价格等数值型数据的收集。本文将详细介绍如何实现C#中的文本框只能输入...
以下是一些常见的方法来限制文本框只接受数字或字母的输入: 1. **只能输入字母和汉字**: 通过监听`onkeyup`和`onbeforepaste`事件,我们可以移除所有非字母和非汉字的字符。代码如下: ```html (/[\d]/g,'')" ...
在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...
2. 只能输入数字和小数点:这里通过 `isNaN()` 函数检查值是否为非法数字,如果不是,则执行撤销操作。另外,一个更具体的正则表达式 `/\D/` 用于在onChange事件中检查值,如果包含非数字字符,将弹出警告并清空输入...
该方法允许输入数字和小数点,但限制小数点后最多只能有两位。`event.keyCode`用来判断是否为小数点,`/\.\d\d$/`匹配以小数点开头且后面跟着两个数字的字符串。 ```html ((event.keyCode||event.keyCode>57) && ...
6. **文本框只能输入数字,不允许小数点** ```html (/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> ``` 这里使用`\D`匹配任何非数字字符并移除它们。 7. **只能输入数字,包括小数点** ...
在限制文本框输入数字的场景中,我们可以使用正则表达式来匹配所有非数字的字符,并在发现非数字字符时将其从输入中移除,或者取消这次输入。 在给出的代码示例中,我们看到了几个不同的方法来实现这一功能: 1. ...