$(".input-decimal-only").keyup(function(e){
if(e.keyCode >= 37 && e.keyCode <= 40) {
return;
}
var value = $(this).val();
value = value.replace(/[^0-9.]/g,'');
value = value.replace(/^\./g,""); //必须保证第一个为数字而不是.
value = value.replace(/\.{2,}/g,"."); //保证只有出现一个.而没有多个.
value = value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
$(this).val(value);
}).bind("paste",function(){
var value = $(this).val();
value = value.replace(/[^0-9.]/g,'');
value = value.replace(/^\./g,""); //必须保证第一个为数字而不是.
value = value.replace(/\.{2,}/g,"."); //保证只有出现一个.而没有多个.
value = value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
$(this).val(value);
}).css("ime-mode", "disabled");
$(".input-decimal-only").on("blur", function() {
var value = $(this).val().replace(/\.$/, '');
$(this).val(value);
});
记录用
分享到:
相关推荐
### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中,确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量...
在本例中,首先我们使用了正则表达式 /^d+$/ 来限制用户只能输入整数。其中的 "^" 表示匹配输入字符串的开始位置,"d+" 表示匹配一个或多个数字,"$" 表示匹配输入字符串的结束位置。当用户输入的内容不符合这个模式...
文章介绍的是一项在Vue框架中限制用户输入内容的实践,具体要求用户在输入框中只能输入最多8位的整数和最多2位的小数。这项功能在开发涉及金额、数值计算等场景时尤为常见,需要确保用户的输入是符合格式规定的数字...
下面通过一段代码给大家介绍JS控制只能输入数字并且最多允许小数点两位,具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</...
本资源可以满足金额有关的一些input框输入,只能输入类似10.001的数据,并且小数点前第一位不能是0,我使用这个是为了管理后台做版本控制,我们只需要1.11这种格式的版本号
本文主要介绍了如何使用jQuery来限制一个HTML的input元素只能输入数字和最多两位小数的字符。在Web开发中,表单输入验证是一项常见的任务,为了确保用户输入的数据格式正确,开发者往往需要在前端实现输入验证,以...
根据提供的文件信息,本文将详细解释如何通过JavaScript和HTML实现一个文本框仅允许用户输入数字和一个小数点的功能。此功能对于需要精确数值输入的场景非常有用,例如金融应用、科学计算工具等。 ### 实现原理 ...
限制input框只能输入数字和一个小数点的需求,在实际项目中相当常见。通过合理利用HTML的`<input>`元素类型,结合JavaScript的事件监听和正则表达式,可以有效地实现这一目标。同时,深入理解DOM操作和事件处理机制...
在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...
### 只能输入小数和数字的JS:深入解析与应用 #### 一、引言 在现代Web开发中,确保用户输入数据的有效性和正确性是至关重要的一步。特别是在涉及金额或其他数值输入的情况下,比如商务网站上的商品价格、折扣率等...
此外,通过正则`/([0-9]+\.[0-9]{2})[0-9]*/`来限制小数点后只能保留两位小数。这样的处理可以保证无论用户如何尝试输入,最终得到的值都不会超出限制条件。 整个实现过程中,需要注意的是事件绑定的方式,这里使用...
### 只能输入数字和小数点的JS方法详解 #### 概述 在Web开发过程中,经常需要对用户输入的数据进行验证,特别是在涉及到数值输入的场景中,限制用户只能输入数字(包括整数和小数)是非常常见的需求。本文将详细...
2. 只能输入数字和小数点: `(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">` 和 `(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">` 这两个例子...
### 二、限制TextBox只能输入特定格式的数据 #### 1. 只允许输入特定数量的数字 ```html (/[^(\-)\w\.\/]/ig,'')" /> ``` - **Regular Expression**: `[^(\-)\w\.\/]`匹配除了`-`, `字母`, `数字`, `.` 和 `/` 之外...
3. 用户可以输入负号,但只能在开头。 4. 输入格式要符合数字的标准,比如不能出现多个连续的小数点。 为了实现这些功能,我们将通过编写几个JavaScript函数来完成对输入框的验证。这里提到的函数主要有`clearNoNum...
- 此处使用正则表达式 `[^\d|chun]` 来限制输入框只能输入数字或特定字符(这里用 `chun` 作为示例)。 #### 方法七:限制输入框只接受特定格式的小数 ```html ((event.keyCode || event.keyCode > 57) && event....
在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...
要实现“只能输入两位小数的数字”的功能,可以通过监听输入事件来实现。首先,当用户输入时,我们需要捕捉到输入的内容,然后用正则表达式或字符串处理方法来判断输入是否符合格式要求。如果不符合要求,可以通过...
1、可以动态设置小数点的前几位和后几位,进行实时校验; 2、通过正则表达式判断,超过设置的范围就不能输入了;...3、只能输入数字和小数点; 4、已经封装好的插件,可以直接使用。有使用的示例和必要的注释。