1 第一个输入必须是数字，不能是小数点。例如.111
2 不能存在多个.连续，只能一个。例如12....1
3 不多出现一个.在不同地方。例如12.1.1
<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开发中，为了确保用户输入的数据符合预期格式，经常需要对输入的数据进行校验。例如，在处理金额或重量等数值时，我们通常希望用户只能...
总结来说，限制文本框只能输入数字、小数点和减号的正则表达式是`^[-+]?[0-9]*\.?[0-9]+$`，它结合了字符集、量词和否定前瞻断言，确保了用户输入的合法性。这种技术在开发中广泛应用，能够提高数据质量，防止因用户...
### 只能输入数字和小数点的JS方法详解 #### 概述 在Web开发过程中，经常需要对用户输入的数据进行验证，特别是在涉及到数值输入的场景中，限制用户只能输入数字（包括整数和小数）是非常常见的需求。本文将详细...
目的是确保用户只能输入数字（整数和小数）以及小数点，以防止非数字字符导致的数据错误或安全问题。以下是对这个知识点的详细说明： 1. **用户输入验证**：在软件开发中，用户输入验证是必不可少的一环，因为它...
本资源可以满足金额有关的一些input框输入，只能输入类似10.001的数据，并且小数点前第一位不能是0，我使用这个是为了管理后台做版本控制，我们只需要1.11这种格式的版本号
### 正则表达式知识点详解：只能输入数字、小数点、负号 在实际的软件开发过程中，经常需要对用户输入的数据进行合法性验证，尤其是涉及到金额或数值型数据时，确保用户输入的是合法的数字格式显得尤为重要。本文将...
标题“input框只能输入数字和一个小数点”以及描述“input框只能输入数字和一个小数点，对界面验证很好用”，都指向了如何在HTML表单中限制input元素只接受数值型输入，包括整数和浮点数，且浮点数只允许有一个...
JS 只能输入数字和小数点的文本框改进版 概述：本文将介绍如何使用 JavaScript 实现只能输入数字和小数点的文本框改进版，解决了以前版本不能输入退格键等功能的问题。 一、需求分析 在实际开发中，我们经常需要...
这个是最直观的网页中常用的js判断输入框输入数字+小数点后两位（可以方便的更改为n位），不同于网上大部分的js判断方式，兼容ie，ff，chrome等多个常用浏览器，上传文件是一静态页面，更适合初学者的使用和更换，...
### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中，经常需要对用户输入的数据进行合法性验证，确保数据格式符合预期的要求。例如，有时我们需要限定文本框内只能输入特定类型的字符...
本文将重点介绍如何利用正则表达式限制文本框只能输入数字、小数点、英文字母以及汉字，并给出具体的实现方式。 #### 三、具体应用场景与实现方法 ##### 1. 只允许输入数字（不包含小数点） ```html (/\D/g,'')" ...
本文实例讲述了js控制文本框只输入数字和小数点的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:function clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g, “”);//清除“数字”和“.”...
PS：js实现只能输入数字和小数点的文本框 <html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title> [removed]
根据提供的文件信息，本文将详细解释如何通过JavaScript和HTML实现一个文本框仅允许用户输入数字和一个小数点的功能。此功能对于需要精确数值输入的场景非常有用，例如金融应用、科学计算工具等。 ### 实现原理 ...
本话题将详细介绍如何使用JavaScript实现一个功能，即验证用户只能输入数字，并且这个验证方法要兼容Internet Explorer（IE）和Firefox这两个主流浏览器。 首先，我们需要理解JavaScript的基本语法，特别是在处理...
2. 只能输入数字和小数点： `(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">` 和 `(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">` 这两个例子...
(/\D/.test(this.value)) { alert('只能输入数字'); this.value = ''; }"> ``` **解释**： - `isNaN(value)`：检查值是否不是数字。 - `execCommand('undo')`：撤销上一次操作，即如果输入的不是数字，则撤销这次...