`

限制文本框只能输入数字

    博客分类:
  • JS
 
阅读更多
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是输入以后又替换,这样输入者有机会按回车,会有意想不到的结果
分享到:
评论

相关推荐

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

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

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

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

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

    "JS 正则表达式限制文本框只能输入数字" JS 正则表达式是指在 JavaScript 中使用的正则表达式,它是一种强大的字符串匹配工具,广泛应用于字符串的校验、提取、替换等操作。本文将详细介绍 JS 正则表达式在限制...

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

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

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

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

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

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

    限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

    标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...

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

    通过上述示例可以看出,正则表达式在限制文本框输入方面具有很强的灵活性和实用性。开发者可以根据实际需求选择合适的正则表达式来实现对用户输入的有效控制。需要注意的是,在实际项目中还需要考虑到浏览器兼容性等...

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

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

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

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

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

    以下是一些关于正则表达式的实例,用于限制文本框只允许输入数字、小数点、英文字母和汉字: 1. 只允许输入数字(不包括小数点): `(/\D/g,'')"&gt;` 这段代码使用了正则表达式`/\D/g`,`\D`代表非数字字符,`g`是...

    C#文本框只能输入数字

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

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

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

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

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

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

    2. 只能输入数字和小数点:这里通过 `isNaN()` 函数检查值是否为非法数字,如果不是,则执行撤销操作。另外,一个更具体的正则表达式 `/\D/` 用于在onChange事件中检查值,如果包含非数字字符,将弹出警告并清空输入...

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

    该方法允许输入数字和小数点,但限制小数点后最多只能有两位。`event.keyCode`用来判断是否为小数点,`/\.\d\d$/`匹配以小数点开头且后面跟着两个数字的字符串。 ```html ((event.keyCode||event.keyCode&gt;57) && ...

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

    6. **文本框只能输入数字,不允许小数点** ```html (/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"&gt; ``` 这里使用`\D`匹配任何非数字字符并移除它们。 7. **只能输入数字,包括小数点** ...

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

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

Global site tag (gtag.js) - Google Analytics