input 输入框只能输入数字

skyymrj

于 2019-01-23 11:24:25 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/skyymrj/article/details/86607130

本文介绍如何使用HTML和JavaScript创建只能输入纯数字的输入框，以及如何限制输入为正数且小数点后保留两位的输入框。通过简单的代码实现，提升用户体验并确保数据的有效性。

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

 
只能输入纯数字的输入框:
<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">


要求只能输入正数，小数点后保留两位:
<input  type="number" step="1"  min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">