前端input输入常用校验-集合

大块博

已于 2024-08-08 15:50:19 修改

阅读量253

点赞数

分类专栏：前端文章标签：前端

于 2021-11-09 14:32:20 首次发布

本文链接：https://blog.csdn.net/haibo1101/article/details/121227485

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用JavaScript实现输入框的实时验证，包括去除空格、只允许输入数字、确保输入为非负数以及限制小数点后位数为两位或三位的方法。这些验证规则适用于前端表单数据的即时校验，提高了用户体验并确保数据的准确性。

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

                    
                    输入消除空格<input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')"/>
只能输入数字<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')">
非负数<input type="text" onkeyup="value=value.replace(/[^(\d|.)]/g,'')">
只能输入数字并且最多后边两位<input type="text" onkeyup="value=value.replace(/^(\d*\.?\d{0,2}).*/,'$1')">
小数点后三位<input type="text" onkeyup="value=value.replace(/^(-)*(\d+)\.(\d\d\d).*$/,'$1$2.$3')">
除0以外的正整数oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"