`

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来限制文本框只能输入数字和小数点是一个实用的技术点,可以提高数据输入的质量,减少后端处理数据时的复杂性。通过理解并应用以上知识点,前端开发者可以有效地实现这一功能,并通过适当的测试...

    限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

    标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...

    jquery限定文本框只能输入数字即整数和小数

    这样就可以确保`#myInput`这个文本框只能接受整数或包含小数的数字输入,同时防止用户使用非数字字符或通过粘贴引入非法数据。这种方法在创建表单、在线支付或其他需要精确数字输入的场景中非常有用。

    js 控制文本框只能输入数字 自己开发了一个jquery插件

    在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...

    js限制文本框只能输入数字或字母的方式总结.pdf

    2. **只能输入英文字母和数字,不包括中文**: 使用正则表达式`/[^\w\.\/]/ig`匹配非字母、数字、点号和斜线,并移除它们: ```html (/[^\w\.\/]/ig,'')"> ``` 3. **只能输入数字和英文**: 使用`/[^\d|chun]/...

    html文本框只能输入数字

    然而,有时候我们希望限制用户只能输入数字,例如在创建年龄、电话号码或身份证号输入字段时。在本节中,我们将探讨如何实现“html文本框只能输入数字”的功能。 首先,我们可以使用HTML5引入的新属性`type="number...

    基于jQuery实现文本框只能输入数字(小数、整数)

    下面我们将详细探讨如何使用jQuery来限制文本框只能输入数字(小数和整数)。 ### jQuery限制文本框只输入数字 要使用jQuery限制文本框只输入数字,关键在于正确地使用正则表达式来匹配并替换掉不符合条件的字符。...

    jquery限定文本框只能输入数字(整数和小数)

    本文主要介绍了使用jQuery来限定文本框只能输入数字的方法,包括整数和小数的输入。文中通过具体的实例代码,向读者展示了如何实现这一功能,并提供了解决方案,这对于希望在网页中限制用户输入格式的开发者来说是一...

    jquery只能输入数字的文本框插件

    这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求:限制用户在特定输入框中只能输入数字,防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...

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

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

    jQuery实现只允许输入数字和小数点的方法

    在本文中,我们将深入探讨如何使用jQuery实现一个功能,即限制用户在输入字段中只能输入数字和小数点。这个功能在处理诸如价格、数量等数值输入时非常有用,确保用户不会输入无效字符。 首先,我们来看一下核心的...

    js只能输入数字(包括小数)的文本框

    总结一下,实现“js只能输入数字(包括小数)的文本框”主要涉及JavaScript事件监听、正则表达式验证以及可能的第三方库如jQuery和Numeral.js的使用。这样的功能有助于提高用户输入的准确性,减少数据处理错误,是...

    基于jquery的设置页面文本框 只能输入数字的实现代码

    在设置此属性时,还可以与其他防止拖拽和粘贴的设置一起使用,形成更为严格的输入限制。 知识点六:使用正则表达式和Number函数进行数据验证 在上述代码中,通过正则表达式和Number函数进行数据验证是一个关键步骤...

    javascript限制文本框输入值类型的方法

    结合以上三个事件的处理,我们就构建了一个基本的输入限制机制,确保文本框只接受数字和小数点。这种方法在实时验证用户输入、防止错误数据输入的场景中非常有用,尤其是在金融、电子商务等对数据精度要求较高的领域...

    js限制input只能输入有效的数字(第一个不能是小数点)

    在`onkeyup`事件触发时调用`clearNoNum`函数,该函数用正则表达式清除除数字和小数点之外的任何字符,并且限制小数点只能有一个。如果输入框中没有小数点,同时输入框不为空,那么会将输入值转换为浮点数。这样做是...

    利用jquery实现验证输入的是否是数字、小数,包含保留几位小数

    这对于需要精确控制数字输入格式的Web应用开发来说非常有用。通过示例代码,本文帮助开发者理解了如何将验证逻辑集成到实际的项目中。最后,文档还鼓励读者留言交流并支持,这表明文档的作者对于社区的贡献持开放...

    javascript限制文本框只允许输入数字(曾经与现在的方法对比)

    总结来说,限制文本框只允许输入数字的方法多种多样,从简单的`onkeydown`事件监听到使用jQuery插件,再到自定义的复杂处理。每种方法都有其适用场景,开发者应根据项目需求选择最合适的方案。自定义方法虽然较为...

Global site tag (gtag.js) - Google Analytics