由于项目需要填写金额，老板要求只能输入数字，在网上找了很长时间，大部分的验证都是判断keyCode的范围，这样就会出现诸如退格键、回车键、方向键等控制键也无法使用，故自己写了一个验证。
此验证只能输入数字和小数点，可以用控制键删除字符，小数点只能有一个。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>输入框只能输入数字</title>
</head>
<body>
<input type="text" name="num" id="num" onkeypress="return keypress(event)">
<script type="text/javascript">
function keypress(e){
e = e ? e : window.event ? event : null;
var keyNum = event.keyCode;
var keyChar = String.fromCharCode(keyNum);
var regDig = /\d/g;
if(regDig.test(keyChar) || keyChar == ""){
return true;
}
var regDot = /\./g;
if (regDot.test(keyChar) && !regDot.test(document.getElementById("num").value)){
return true;
}
return false;
}
</script>
</body>
</html>
分享到：
贴出来代码发现JavaScript方法里面多了一个e，
相关推荐
下面我们将详细介绍如何使用JavaScript验证文本框只能输入数字。 首先，我们需要了解HTML中的`<input>`标签，它是创建文本输入字段的元素。默认情况下，用户可以在这个输入框中输入任何字符。为了限制用户只能输入...
### 验证文本框只能输入数字和小数点的知识点详解 #### 一、背景介绍 在Web开发中，为了确保用户输入的数据符合预期格式，经常需要对输入的数据进行校验。例如，在处理金额或重量等数值时，我们通常希望用户只能...
接下来，我们可以通过JavaScript来实现对文本框输入内容的验证。这里给出两种方法：一种是在用户键入时即时验证，另一种是在用户离开输入框后进行验证。 ##### 方法一：即时验证 可以使用`onkeyup`事件监听器来...
总结来说，限制文本框只能输入数字、小数点和减号的正则表达式是`^[-+]?[0-9]*\.?[0-9]+$`，它结合了字符集、量词和否定前瞻断言，确保了用户输入的合法性。这种技术在开发中广泛应用，能够提高数据质量，防止因用户...
在JavaScript和jQuery的世界里，开发一个插件来控制文本框（input[type="text"]）只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证，以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...
本教程将详细讲解如何使用JavaScript来实现一个功能，使得ASP.NET中的文本框只能输入数字，并且能够处理负数以及控制小数位数。 首先，我们需要在HTML（或ASP.NET的TextBox控件）中添加一个事件监听器，这个监听器...
这个插件的标题"jquery插件，是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展，它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用，例如在线表单、财务输入或任何需要精确数字...
在HTML中，文本框（`<input>`元素）通常用于用户输入数据，但...总的来说，限制HTML文本框只能输入数字涉及到HTML5的新特性以及JavaScript的实时验证。通过合理使用这些技术，可以创建出更加友好和健壮的用户输入界面。
### JS限制文本框只能输入数字（正则表达式） #### 背景介绍 在Web应用开发中，经常需要对用户输入的数据进行合法性验证。特别是在处理财务数据、统计数据时，确保用户只能输入数字是非常重要的。这不仅可以提高...
以下是一些关于正则表达式的实例，用于限制文本框只允许输入数字、小数点、英文字母和汉字： 1. 只允许输入数字（不包括小数点）： `(/\D/g,'')">` 这段代码使用了正则表达式`/\D/g`，`\D`代表非数字字符，`g`是...
### 正则表达式在JavaScript中的应用：限制文本框输入 #### 一、概述 本文主要探讨了如何使用JavaScript中的正则表达式来限制文本框内的输入内容。具体来说，文章涉及了对数字、小数点、英文字母以及汉字等不同...
### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中，经常需要对用户输入的数据进行合法性验证，确保数据格式符合预期的要求。例如，有时我们需要限定文本框内只能输入特定类型的字符...
限制文本框输入数字和小数点，支持负数 对于更复杂的数字格式控制，如支持正负号和小数点的数字，可以采用如下方法： ```html (!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_...
### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中，确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时，开发者常常需要限制文本框仅能接受数字或者带有一定数量...
### JavaScript 控制文本框输入数字知识点详解 #### 一、概述 在Web开发中，经常需要验证用户输入的数据是否符合预期格式。对于数值输入，尤其是涉及到金额或精确度较高的场景时，确保用户输入合法的数字变得尤为...
以下是对标题和描述中提到的几种限制文本框只能输入数字或字母方法的详细说明： 1. **只能输入字母和汉字** 这段代码使用了`onkeyup`和`onbeforepaste`事件来处理输入。它通过正则表达式`/[\d]/g`匹配所有数字，并...
在限制文本框输入数字的场景中，我们可以使用正则表达式来匹配所有非数字的字符，并在发现非数字字符时将其从输入中移除，或者取消这次输入。 在给出的代码示例中，我们看到了几个不同的方法来实现这一功能： 1. ...
在JavaScript中，限制用户在文本框（`<input>`）中只能输入特定字符类型，如数字或字母，是常见的需求，特别是在表单验证和数据输入的场景中。以下是一些实现这种限制的方法： 1. **只能输入字母和汉字**： 这段...
3. **只能输入数字和英文**： 使用`/[^\d|chun]/g`正则表达式移除非数字和非英文字符： ```html (/[^\d|chun]/g,'')"> ``` 4. **小数点后最多两位，数字和中文可输入，不能输入字母和运算符号**： 检查输入...