jquery input 限制输入数字 并限制小数位数

于 2023-09-23 11:42:50 发布
阅读量434 收藏 1
点赞数 1
CC 4.0 BY-SA版权
文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zsh0409/article/details/133201919
博客展示了在layui的table中使用的代码，涉及前端开发领域，与jQuery、JavaScript相关，为信息技术中前端开发方面的内容。

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

直接上代码(这里是在layui的table中使用)

$(document).on('keyup', '[data-field="added_price"] .layui-table-edit', function () {
	// 清除"数字"和"."以外的字符
	$(this).val($(this).val().replace(/[^\d.]/g,""));
	// 验证第一个字符是数字
	$(this).val($(this).val().replace(/^\./g,""));
	// 只保留第一个, 清除多余的
	$(this).val($(this).val().replace(/\.{2,}/g,"."));
	$(this).val($(this).val().replace(".","$#$").replace(/\./g,"").replace("$#$","."));
	// 只能输入两个小数
	$(this).val($(this).val().replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'));
})

使用jQuery实现只允许输入数字和小数点的方法
ByteZenith的博客
09-25 444
在事件处理函数中，我们获取按键的键码，并判断是否为数字（键码48到57之间的值）、小数点（键码46）或退格键（键码8）。在Web开发中，我们经常需要对用户的输入进行限制，例如只允许输入数字和小数点。现在，当用户在输入框中输入字符时，除了数字和小数点之外的字符都将被阻止输入，并且输入框中的字符也会被自动替换为合法的字符。然后，我们使用空字符串将这些非法字符替换掉，并将处理后的值重新赋给输入框。在事件处理函数中，我们获取输入框的值，并使用正则表达式。在HTML文件中，我们需要添加一个输入框元素，用于用户输入。
使用jQuery实现只允许输入数字和小数点的功能
最新发布
CyberLynxO的博客
09-25 339
通过应用事件监听器和字符过滤函数，我们可以轻松地实现输入框的输入限制。在Web开发中，有时我们需要限制用户在输入框中只能输入数字和小数点，而不允许输入其他字符。接下来，我们计算小数点的数量，并根据数量进行相应的处理。现在，当用户在输入框中输入任何非数字和非小数点的字符时，这些字符将被自动过滤掉，从而实现了只允许输入数字和小数点的功能。接下来，我们需要在输入框上应用事件监听，以便在用户输入时进行验证并过滤非法字符。最后，我们将过滤后的值重新设置回输入框中，以确保只有数字和小数点被显示。
jquery控制文本框只输入整数或者输入数字和两位小数
giscong的博客
07-12 1350
只允许输入整数方法  $(".test").keyup(function(){             var tmptxt=$(this).val();             $(this).val(tmptxt.replace(/\D|/g,''));         var reg=/^[0-9]+.?[0-9]*$/;         if(reg.test($(this).val())...
js限制input输入框只能输入2位小数
changpnazzp的专栏
11-01 2177
/** * $("#area").decimalinput();//文本框只能输入2位小数 */ $.fn.decimalinput = function() { $(this).css("ime-mode", "disabled"); this.bind("keypress", function(e) { if (e.charCode =...
input只能数数字和两位小数
雨轻伤的博客
07-30 973
function num(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字 obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的 ...
jQuery控制input小数位
Remember_gong的博客
09-26 393
jQuery控制input小数位 function floatNumber(obj,scale){ if (typeof (scale) == undefined) { scale="1," } obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字...
input 输入框禁止输入小数点
热门推荐
12-18 1万+
最近做一个项目需求是输入框只能输入数字，并且禁止输入小数 intpu type=number 就可以控制只允许输入数字，但是不能控制输入小数 在网上查阅相关资料后整理了下 代码如下 input type=number 禁止输入小数点 $(document).ready(function(){ var ipt = $('#num
input限制小数点位数
qq_30151813的博客
06-21 457
input限制小数点位数
input数字输入框限制小数点位数
sjn0815的博客
08-05 2132
<input type="number" name="fines" placeholder="请输入罚款金额" oninput="this.value=this.value.toString().match(/^\d+(?:\.\d{0,2})?/)" value="" class="layui-input" >
jQuery控制input只能输入数字和两位小数的方法
11-28
前言 做为一个PHPER，难免会遇到那种表单中jQuery限制输入的问题，比如，限制空格的输入，只允许输入数字，以及小数点的控制等等，这里，我们就说一下... // 格式化限制数字文本框输入，只能数字或者两位小数 function
jquery控制input只能输入数字和小数点，并且只能有一个小数点，小数点前第一位不能为0
08-28
本资源可以满足金额有关的一些input框输入，只能输入类似10.001的数据，并且小数点前第一位不能是0，我使用这个是为了管理后台做版本控制，我们只需要1.11这种格式的版本号
gxcuizy#markdown#代码片段之jQuery控制input只能输入数字和两位小数1
07-25
前言做为一个PHPER，难免会遇到那种表单中jQuery限制输入的问题，比如，限制空格的输入，只允许输入数字，以及小数点的控制等等，这里，我们就说一下数字的限制
inputLimit:一个jQuery插件，用于将文本字段的输入限制为数字，逗号和2个小数位
05-15
一个jQuery插件，用于将文本字段的输入限制为数字，逗号和小数位 安装 在您的项目中包含文件inputLimit.js < script src =" /js/inputLimit.js " > </ script > 用法 $ ( '.js-inputlimit' ) . ...
限制input小数点及位数
weixin_34060299的博客
05-17 1863
2019独角兽企业重金招聘Python工程师标准>>> ...
js、jquery输入框input限制（数字，非空格，最大最小值）
zcc的博客
12-18 6074
1、输入框不允许输入空格 <input type="password" autocomplete="off" placeholder="密码" class="layui-input" id="password" onkeyup="this.value=this.value.replace(/\s+/g,'')"> 2、输入框限制最小值0，最大值3 <input type="number" name="title" autocomplete="off" class="layui-
input 限制输入一位小数点
oy123kai的博客
05-24 668
<input class="inputprice" v-model="value11" placeholder="Min 0.1" @input="checkprice"></input> checkprice (e) { e.target.value = e.target.value.match(/^\d*(\.?\d{0,1})/g)[0] || null; //重新赋值给input this.$nextTick(() =>
jquery 限制文本框只能输入数字
Leo的博客
08-05 4401
http://jonsion.iteye.com/blog/558277 jquery 限制文本框只能输入数字 $("input[name='fangwenyudinhuishu']").keyup(function(){ var tmptxt=$(this).val(); $(this).val(tmptxt.replace(/\D
input框限制输入一位小数
qq_43378083的博客
06-01 1552
vue input框限制输入一位小数
inputLimit: jQuery限制文本字段输入的数字与小数位插件
1. **财务系统**：在财务应用程序中，需要确保所有数字输入都是有效的，尤其是涉及到货币计算时。使用`inputLimit`可以限制用户输入特定格式的数字，比如限定整数位数和小数位数。 2. **表单验证**：在表单中，经常...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zsh0409

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值