控制HTML Input只能输入数字和小数点

本文介绍三种方法实现在输入框中仅允许输入数字和小数点:使用JavaScript进行验证、借助JQuery实现数字框及利用正则表达式进行限制。

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

转:https://www.cnblogs.com/esion/p/3342866.html
本文介绍三种控制在中只允许输入数字和小数点的方案。

方案1:通过JavaScript代码实现。

JavaScript代码如下:

function checkNum(obj) {
     //检查是否是非数字值
     if (isNaN(obj.value)) {
         obj.value = "";
     }
     if (obj != null) {
         //检查小数点后是否对于两位
         if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {
             alert("小数点后多于两位!");
             obj.value = "";
         }
     }
 };

Html代码如下:

input type="text" name="name" value="0" onkeyup="checkNum(this)" />

方案2:如果使用JQuery,则可以轻松实现数字框。

<input type="text" name="name" value="0" runat="server" class="easyui-numberbox" precision="2" />

其中的precision表示小数位数。
  
方案3:正则-限制input只能输入数字和小数点(用于金额输入框等)

<input id="Price" name="Price" type="text" class="form-control" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" placeholder="请输入单价" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值