输入框限制输入两位小数

最新推荐文章于 2025-07-04 16:01:34 发布
转载 最新推荐文章于 2025-07-04 16:01:34 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/geomen/blog/3042961
文章标签：

#游戏

本文介绍了一个JavaScript函数，用于控制HTML输入框中数值的精度，确保数值保留两位小数。同时，文章提到了在函数调用中正确使用this参数的重要性，避免出现Cannot read property 'toLowerCase' of undefined的错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

为什么80%的码农都做不了架构师？>>>   hot3.png

HTML:

<input type="number" name="price" min="0" step=".01" onchange="setTwoNumberDecimal(this)">

JS:

function setTwoNumberDecimal(that) {
	var n = parseFloat(that.value);
	that.value = n.toFixed(2)
}

如果没有在调用函数时加上this参数 在函数使用里使用 $(this).val() 会出现

Cannot read property 'toLowerCase' of undefined

的错误

转载于:https://my.oschina.net/geomen/blog/3042961

uniapp 微信小程序 输入框限制输入2位小数
maoge_666的博客
01-03 2171
uniapp 微信小程序 输入框限制输入2位小数
Android金额输入框只允许输入小数点后两位效果
08-30
实现android 金额输入框输入小数点后两位的效果也不是很复杂，只需要设置输入框输入的字符类型、设置InputFilter、设置输入变化监听即可。这篇文章主要介绍了Android金额输入框只允许输入小数点后两位 ,需要的朋友...
Angular限制input框输入金额（是小数的话只保留两位小数点）
08-29
最近做项目遇到这样的需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码，需要的的朋友参考下吧
js限制输入框只能输入两位小数点
6块腹肌的博客
06-28 5086
通过onimput事件和正则实现 <input type="number" oninput="value=value.toString().match(/^\d+(?:\.\d{0,2})?/)">
vue只允许输入两位小数
chaixing1的博客
07-04 418
优点：输入时不限制，校验时才提示，适合需要弹性输入的场景。优点：用户无法输入多于两位小数，体验更好，代码更简洁。如果你需要配合表单使用，可以只在表单校验时限制。优点：输入时尽量限制，失焦时自动格式化。
输入框输入限制
pengjj1223的博客
08-31 500
public class VerifyText {     private Text text;//传入的组件，还可以是可书写下拉框等     private String regExp;//正则规则     public static final String REG_INT = "^([1-9]\\d*)|(0)|(-)|(-[1-9]\\d*)$"; // 整数      pub
输入框只允许输入数字并且限制小数点位数
shiki0083的笔记
02-19 1932
&lt;input type="text" onkeyup="this.value=this.value.toString().match(/^\d+(?:\.\d{0,2})?/)"/&gt; onkeyup 事件会在键盘按键被松开时发生。 match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。 该方法类似 indexOf() 和 lastIndexOf()，但是...
限制 input 输入框只能输入xxx
weixin_34179968的博客
06-16 529
限制 input 输入框只能输入xxx 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应 使用 oninput 事件，完美的解决了以上两种问题，测试暂时还没有出现其它问题。 原理就是在输入时会触发事件，事件会通过字符替换和正则表...
输入框限制输入两位小数数字
最新发布
08-03
这是一个非常实用且易于上手的网页代码片段，它通过JavaScript实现了对输入框内容的精准校验，确保用户只能输入数字以及最多保留小数点后两位（该位数可根据实际需求灵活调整为任意n位）。与网上常见的校验方法相比...
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
10-22
$/ 来限制用户输入整数或最多两位小数的数字。这个表达式中，"^d*" 匹配开头的任意数量的数字（包括零个），"(?:.d{0,2})?" 是一个非捕获组，用于匹配小数点后最多两位数字的模式。如果用户输入的内容不符合这个模式...
限制input输入框输入的内容
大王叫我来打死程序猿
09-22 377
0， 输入大于0的正整数 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=th
文本框输入限制 [大全]
爱生活
05-11 1026
1、下面的文本框只能输入数字代码(小数点也不能输入):CODE:2、只能输入数字,能输小数点.(注意汉字.用输入法和复制上面三个是有区别的在这里)CODE:CODE:CODE:3、只能输入字母和汉字CODE:4、只能输入英文字母和数字,不能输入中文CODE:5、只能输入数字和英文chunCODE:6、小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:CODE:57) && ev
输入框限制输入为两位小数
m0_61198777的博客
05-10 1519
在utils/test.js中 export function toFixedStr(str) { let float = str.split(".")[0]; str = str.replace(/[^\d.]/g, ""); // 清除"数字"和"."以外的字符 str = str.replace(/\.{2,}/g, "."); // 只保留第一个"."",清除多余的 str = str.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输
一些简单的输入框限制输入方法
GoNotBack的博客
04-21 527
使用 /*输入框拼写检查*/ //分两个方向 一个是限制输入 一个是提示错误  这里是限制输入 var inputCheck={ //限制只能输入正确的数据 Number:function(obj){ //先把非数字的都替换掉，除了数字和.          obj.value = obj.value.replace(/[^\d\.]/g,'');           
input 输入框限制只能输入两位有效小数
jw_xiaoming的博客
11-21 9301
前端对金额处理实用小案例
vue实现input输入框保留两位小数
00年女程序员分享自己的学习笔记
07-25 8644
toFixed()方法可把Number四舍五入为指定小数位数的数字。 forEach() 是前端开发中操作数组的一种方法，主要功能是遍历数组，其实就是for循环的升级版，JSON 对象使用在大括号 {...} 中书写。 对象可以包含多个 **key/value（键/值）**对。parseFloat()函数 可解析一个字符串，并返回一个浮点数。input输入框的值进行四舍五入保留两位小数。.........
input标签限制输入整数和一位小数、两位小数
m0_59271759的博客
01-30 813
input标签限制
input输入框只能输入小数和整数，并且小数只保留小数点后两位
h2790832998的博客
01-10 1192
【代码】input输入框只能输入小数和整数，并且小数只保留小数点后两位。
从文本框限制字符输入，理解代码抽象过程（四次抽象到简单工厂到反射）
李赛男
04-29 1108
学生信息管理系统中有很多文本框的校验，其中有一点，就是不允许输入过长的信息。从这个需求出发理解代码的抽象过程
element ui怎么限制输入框输入两位小数
02-16
要限制Element UI的输入框只能输入两位小数，可以在输入框的属性中设置"precision"属性为2。例如，以下是一个限制输入框只能输入两位小数的示例代码： ``` <el-input v-model="inputValue" :precision="2"></el-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值