利用js写的文本框只能输入数字和小数点
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj)
{
//先把非数字的都替换掉,除了数字和.
obj.value = obj.value.replace(/[^\d.]/g,"");
//必须保证第一个为数字而不是.
obj.value = obj.value.replace(/^\./g,"");
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".");
//保证.只出现一次,而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
只能输入数字和小数点的文本框:<input id="input1" onkeyup="clearNoNum(this)">
</body>
</html>
分享到:
相关推荐
### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...
下面我们将详细介绍如何使用JavaScript验证文本框只能输入数字。 首先,我们需要了解HTML中的`<input>`标签,它是创建文本输入字段的元素。默认情况下,用户可以在这个输入框中输入任何字符。为了限制用户只能输入...
总结来说,限制文本框只能输入数字、小数点和减号的正则表达式是`^[-+]?[0-9]*\.?[0-9]+$`,它结合了字符集、量词和否定前瞻断言,确保了用户输入的合法性。这种技术在开发中广泛应用,能够提高数据质量,防止因用户...
在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...
### 验证文本框只能输入数字和小数点的知识点详解 #### 一、背景介绍 在Web开发中,为了确保用户输入的数据符合预期格式,经常需要对输入的数据进行校验。例如,在处理金额或重量等数值时,我们通常希望用户只能...
### JS限制文本框只能输入数字(正则表达式) #### 背景介绍 在Web应用开发中,经常需要对用户输入的数据进行合法性验证。特别是在处理财务数据、统计数据时,确保用户只能输入数字是非常重要的。这不仅可以提高...
这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...
"JS 正则表达式限制文本框只能输入数字" JS 正则表达式是指在 JavaScript 中使用的正则表达式,它是一种强大的字符串匹配工具,广泛应用于字符串的校验、提取、替换等操作。本文将详细介绍 JS 正则表达式在限制...
本教程将详细讲解如何使用JavaScript来实现一个功能,使得ASP.NET中的文本框只能输入数字,并且能够处理负数以及控制小数位数。 首先,我们需要在HTML(或ASP.NET的TextBox控件)中添加一个事件监听器,这个监听器...
在HTML中,文本框(`<input>`元素)通常用于用户输入数据,但...总的来说,限制HTML文本框只能输入数字涉及到HTML5的新特性以及JavaScript的实时验证。通过合理使用这些技术,可以创建出更加友好和健壮的用户输入界面。
在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...
### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中,确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量...
#### 四、限制文本框输入数字(含小数点),同时处理特殊场景 当需要对输入的小数进行更细致的控制时,例如限制小数点后最多两位数,可以使用以下代码: ```html (/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" onblur=...
### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...
限制文本框输入数字和小数点(方法二)** ```html ``` 这段代码较为复杂,通过多个事件监听器实现更细致的控制,如记录原始值和临时值等,确保输入符合要求。 **4. 限制文本框只能输入字母和汉字** ```html (/...
### 正则表达式在JavaScript中的应用:限制文本框输入 #### 一、概述 本文主要探讨了如何使用JavaScript中的正则表达式来限制文本框内的输入内容。具体来说,文章涉及了对数字、小数点、英文字母以及汉字等不同...
### JavaScript 控制文本框只能输入正整数和逗号 在Web开发中,为了提高用户体验并确保数据的有效性,我们经常需要对用户输入的数据进行验证。例如,在某些场景下,可能需要用户仅能输入正整数和逗号,以便于后续...
以下是一些关于正则表达式的实例,用于限制文本框只允许输入数字、小数点、英文字母和汉字: 1. 只允许输入数字(不包括小数点): `(/\D/g,'')">` 这段代码使用了正则表达式`/\D/g`,`\D`代表非数字字符,`g`是...
标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...