input 限制输入

最新推荐文章于 2024-04-20 15:25:58 发布

XTP1138972631

最新推荐文章于 2024-04-20 15:25:58 发布

阅读量218

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/XTP1138972631/article/details/127782664

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript实现输入限制，确保文本框只能接受数字及一个小数点。提供了三种不同场景的实现方式：只能输入数字、只能输入数字和小数点，以及限制小数点数量并保留指定位数小数的输入控制。这些方法适用于前端表单验证，确保用户输入的数据格式正确。

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

input 限制输入

只能输入数字的文本框

<input onkeyup="this.value=this.value.replace(/\D/g,'')" 
	   onblur="this.value=this.value.replace(/\D/g,'')"
/>

只能输入数字和小数点的文本框

<input onkeyup="value=value.replace(/[^\d\.]/g,'')"      
       onblur="value=value.replace(/[^\d\.]/g,'')"
/>

只能输入数字且只能有一个小数点的文本框（小数点不能在开头，可以在结尾，第一位允许添加负号）

<input oninput="onlyNumber(this)" 
       onblur="onlyNumber(this)"
 />
 function onlyNumber(obj){
    //先把非数字的都替换掉，除了数字和 .
    obj.value = obj.value.replace(/[^\d\.]/g,'');
    //必须保证第一个为数字而不是 .
    obj.value = obj.value.replace(/^\./g,'');
    //保证只有连续出现一个.而没有多个 .
    obj.value = obj.value.replace(/\.{2,}/g,'.');
    //保证 . 只出现一次，而不能出现两次以上
    obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
    //保留指定位数小数（4位）
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/,'$1$2.$3')
}