`

js文本框只能输入数字

阅读更多
问题描述:js文本框只能输入数字

解决方法:
在网页里让文本框只能输入数字的一种方法。外加回车换Tab (javascript key键的使用)+禁止切换输入法
第一步利用样式表。
<asp:TextBox Runat="server" id="TT" style="ime-mode:disabled" onkeydown="myKeyDown()"></asp:textBox>

第二步利用js脚本。

    function myKeyDown() {
        var k = window.event.keyCode;
        if ((k == 46) || (k == || (k == 189) || (k == 109) || (k == 190) || (k == 110) || (k >= 48 && k <= 57) || (k >= 96 && k <= 105) || (k >= 37 && k <= 40))
        { }
        else if (k == 13) {
            window.event.keyCode = 9;
        }
        else {
            window.event.returnValue = false;
        }
    }

利用样式表(style="ime-mode:disabled" )可以防止切换成汉字输入法,也就是说只能使用英文输入法,这样就防止了输入汉字的情况。

js脚本就是要限制键盘输入,只能填入数字、小数点、负号、退格键、删除键和方向键。

ascii码说明:
8:退格键
46:delete
37-40: 方向键
48-57:小键盘区的数字
96-105:主键盘区的数字
110、190:小键盘区和主键盘区的小数点
189、109:小键盘区和主键盘区的负号

13:回车
9: Tab 就是那个把焦点移到下一个文本框的东东。

对了还有两个缺点:
1、没有验证多个小数点的情况。
2、没有验证多个负号,和符号必须在前的情况。




------------------------------------------------

var reg = /^[0-9]*$/;  //只让输入数字 0 - 9 ,
var str = "abcde";  //这是输入的字符串
var isTrue = reg.test(str);  //判断是否为真

if (!isTrue) {
document.getElementById("add").disabled = "true";   


分享到:
评论

相关推荐

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

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

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

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

    验证文本框只能输入数字

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

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

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

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

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

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

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

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

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

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

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

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

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

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

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

    html文本框只能输入数字

    在HTML中,文本框(`&lt;input&gt;`元素)通常用于用户输入数据,但...总的来说,限制HTML文本框只能输入数字涉及到HTML5的新特性以及JavaScript的实时验证。通过合理使用这些技术,可以创建出更加友好和健壮的用户输入界面。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics