number类型的input输入小数点的bug

本文探讨了HTML中input type='number'的使用限制,特别是对于多个小数点和前置零的问题。number类型虽然限制了非数字字符的输入,但在处理多个小数点时会返回零值,这在金额输入场景下是个问题。最终解决方案是采用text类型,并通过自定义验证逻辑来确保只允许一个有效的小数点和合理的数字范围。

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

<input type='number' name='amount'>

场景是输入金额。
number类型貌似只是限制了不能输入数字和小数点之外的字符,但多个小数点和多个前置零都不会报错;
多个小数点的情况下取出来的值都是零,暂时未能解决,先记录

最后的解决办法是放弃number类型用text,阻止数字和点之外字符的输入,只允许存在一个小数点并且小数点在倒数三位内。

转载于:https://www.cnblogs.com/adeweb/p/input-number-bug.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值