input输入校验

费马程序猿

已于 2023-07-25 11:44:20 修改

阅读量160

点赞数

文章标签： html javascript

于 2023-06-26 11:57:10 首次发布

本文链接：https://blog.csdn.net/weixin_43498992/article/details/131394680

版权

文章提供了一系列HTML输入框示例，用于校验不同类型的数值输入。第一个例子允许输入0及以上的带有两位小数的数值，第二个例子限制输入0及以上的整数，而第三个例子确保输入的是1及以上的整数。这些校验通过正则表达式实现，直接在HTML的oninput事件中进行。

摘要由CSDN通过智能技术生成

校验输入0及以上的数值，包含小数

 <input type="text"  oninput="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" placeholder="请输入小数" >

校验输入0及以上的数值，整数

 <input type="text"  oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入个数" >

校验输入1及以上的数值，整数

 <input type="text"  oninput="value=value.replace(/[^\1-9]/g,'')" placeholder="请输入个数" >

关注