JQuery 限制文本框只能输入数字和小数点

最新推荐文章于 2023-09-23 11:42:50 发布

原创最新推荐文章于 2023-09-23 11:42:50 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用JQuery实现的文本框输入限制功能，确保文本框内只能输入数字和小数点，并且对小数点的数量进行了限制。通过绑定keyup和paste事件，有效地实现了对输入内容的格式控制。



$(document).ready(function() {
	 /* JQuery 限制文本框只能输入数字和小数点 */  
    $("#fromAmount").bind("keyup", function(){    
    	this.value = this.value.replace(/[^\d.]/g, "");
        //必须保证第一个为数字而不是.
        this.value = this.value.replace(/^\./g, "");
        //保证只有出现一个.而没有多个.
        this.value = this.value.replace(/\.{2,}/g, ".");
        //保证.只出现一次，而不能出现两次以上
        this.value = this.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");   
    }).bind("paste",function(){  // CTR+V事件处理
    $("#fromAmount").bind("keyup", function(){    
    	this.value = this.value.replace(/[^\d.]/g, "");
        //必须保证第一个为数字而不是.
        this.value = this.value.replace(/^\./g, "");
        //保证只有出现一个.而没有多个.
        this.value = this.value.replace(/\.{2,}/g, ".");
        //保证.只出现一次，而不能出现两次以上
        this.value = this.value.replace(".", "$#$").replace(/\./g,    
    }).css("ime-mode", "disabled"); //CSS设置输入法不可用
});