`

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

    博客分类:
  • js
 
阅读更多

$(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设置输入法不可用
});

分享到:
评论

相关推荐

    jquery教程限制文本框只能输入数字和小数点示例分享

    主要介绍了JQuery限制文本框只能输入数字和小数点的方法,大家参考使用吧

    jQuery控制input只能输入数字和两位小数的方法

    前言 做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下... // 格式化限制数字文本框输入,只能数字或者两位小数 function

    easyui1.4.3补丁,解决easyui-numberbox输入不了小数点bug

    最近在用jquery做页面,当datagrid放置数字文本框时输入小数会自动四舍五入,然后加了小数位数限制时不能输入小数点了。 最后发现是easyui1.4的bug,把这个补丁引入进去就好了

    JavaScript验证知识整理

    1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <...

    多种js正则表达式表单验证

    基于bootstrap写的正则表达式,一共有7种...文本框只能输入数字代码,只能输入数字和小数点,数字和小数点,只能输入英文字母和数字,不能输入中文,小数点后只能有最多两位,只能是数字和小数点和加减乘肴,方便使用

    jquery.maskedinput.js掩码输入框(自动格式化输入文本)

    这个实例主要演示使用jquery.maskedinput.js插件实现输入框自动格式化数据,掩码文本输入框,可以理解为,当用户输入的文本框是时间格式,则本插件会将用户的输入自动变为时间格式,并为其自动添加时间分隔条款,...

    jQuery EasyUI NumberBox(数字框)的用法

    最高可精确到小数点后几位 0   例如:金额输入框 最大值为“99999.99” 精确到两位小数。 <input name=”money” id=”money” type=”text” class=”easyui-numberbox” precision=”2″ max=”99999.99″ ...

    jQuery实现的购物车物品数量加减功能代码

    本文实例讲述了jQuery实现的购物车物品数量加减功能。分享给大家供大家参考,具体如下: 今天网友翠儿在用Jquery实现购物车物品数量的加减特效的时候遇到问题来问我,我后来帮她解决了这个Jquery特效,现在把它整理...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。 -Window控件更新。 -关闭按钮默认直接关闭,不会弹出确认对话框。 -...

    ExtAspNet_v2.3.2_dll

    -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。 -Window控件更新。 -关闭按钮默认直接关闭,不会弹出确认对话框。 -...

Global site tag (gtag.js) - Google Analytics