`

Js/Jquery 限制文本框输入方法

阅读更多
$(function(){    
    /*JQuery 限制文本框只能输入数字*/ 
    $(".NumDecValue").keyup(function(){   
            $(this).val($(this).val().replace(/[^\d]/g,''));
        }).bind("paste",function(){  //CTR+V事件处理   
            $(this).val($(this).val().replace(/[^\d]/g,''));    
        }).css("ime-mode", "disabled"); //CSS设置输入法不可用   

    /*JQuery 限制文本框只能输入数字和小数点*/ 
    $(".NumDecText").keyup(function(){   
            $(this).val($(this).val().replace(/[^0-9.]/g,''));   
        }).bind("paste",function(){  //CTR+V事件处理   
            $(this).val($(this).val().replace(/[^0-9.]/g,''));    
        }).css("ime-mode", "disabled"); //CSS设置输入法不可用  

    /*JQuery 限制文本框只能输入数字和小数点后2位*/ 
        $(".NumDecTextTwo").keyup(function(){   
                $(this).val((this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]);   
            }).bind("paste",function(){  //CTR+V事件处理   
                $(this).val((this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]);    
            }).css("ime-mode", "disabled"); //CSS设置输入法不可用           
});
使用方法举例:

<input type="text" name="expenses"  id="expenses" class="NumDecTextTwo" placeholder="精确到小数点后2位" />

后续补充中。。。。
分享到:
评论

相关推荐

    jQuery textarea文本框输入文字字数限制提示代码.zip

    js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。

    jquery 插件 文本框输入限制 汉字,字母

    针对"文本框输入限制汉字和字母"的需求,我们可以创建一个名为`inputLimit`的插件。这个插件会监听文本框的`keyup`事件,检查用户输入的字符是否符合规定。如果不符合,就删除它。以下是插件实现的代码: ```...

    jQuery 文本文本框输入字符限制插件.

    "jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...

    jQuery textarea文本框输入文字字数限制提示代码

    本示例中,我们将探讨如何使用jQuery实现textarea文本框的字数限制功能,并实时提示用户输入的字符数量。 首先,让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口,提供了一种简洁的方式来选择DOM元素、...

    jQuery计算文本框可输入字数代码.zip

    为了提供良好的用户体验,有时候我们需要限制文本框(input type="text")的输入字数,并实时显示剩余字数。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在...

    Jquery 限制文本框录入长度(字符或字节)实例

    首先,`Jquery 限制文本框录入长度(字符或字节)实例`这个标题暗示我们将探讨一个具体的实践案例,该案例通过 jQuery 监听文本框的输入事件,实时计算剩余可输入的字符或字节数,并在超出限制时阻止进一步的输入。...

    jquery-文本框输入即时显示可输入剩余字符数

    "jquery-文本框输入即时显示可输入剩余字符数"这个功能是提升用户体验的一种常见方式,它允许用户实时看到他们在一个文本框中还能输入多少字符,避免超过限制。这种功能广泛应用于评论、留言、表单填写等场景,有助...

    原生js text文本框输入字数限制长度提示

    以下将详细介绍如何使用原生JavaScript实现文本框输入字数限制及长度提示。 首先,我们需要获取到文本框元素,并设置一个最大输入字数。这可以通过HTML的`maxlength`属性完成,例如: ```html ``` 这个例子中,...

    jQuery input文本框限制文字输入计数显示

    本主题聚焦于如何使用jQuery来实现一个功能:在input文本框中限制用户输入的文字数量,并实时显示剩余可输入字符数。这个功能在很多场景下都非常实用,例如评论系统、表单填写等,可以有效地帮助用户控制输入内容的...

    3种Jquery限制文本框只能输入数字字母的方法

    总结来说,上述三种方法都是通过Jquery的事件处理函数来实现对文本框输入内容的限制,它们分别针对数字、字母以及数字和字母的组合输入提供了限制功能。这些方法非常实用,易于实现并且易于扩展,能够满足大多数表单...

    jQuery实现限制文本框的输入长度

    jQuery是一个广泛使用的JavaScript库,它简化了JavaScript编程,使得在网页上执行如限制文本框输入长度的操作变得轻松。下面将详细介绍如何使用jQuery来限制文本框的输入长度。 ### 知识点一:jQuery基础 jQuery是...

    jQuery控制文本框只能输入数字和字母及使用方法

    ### jQuery限制文本框输入数字和字母的方法 1. **限制文本框只能输入数字** 通过jQuery的`$.fn.onlyNum`函数,我们可以实现对文本框输入内容的限制。这个函数通过监听`keypress`事件来拦截用户的输入。在`...

    Jquery各种小功能文本框验证,弹出日期牌等

    在IT行业中,前端开发是至关重要的一个环节,而jQuery作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理以及动画创建等工作。在这个“Jquery各种小功能文本框验证,弹出日期牌等”主题中,我们将深入探讨...

    jQuery文本框输入文字放大预览代码.zip

    《jQuery文本框输入文字放大预览代码》 在网页设计中,用户交互体验是一个至关重要的环节,特别是对于输入框(input)的使用,用户需要清楚地看到他们输入的文字效果。jQuery提供了一种强大的机制,可以实现在用户...

Global site tag (gtag.js) - Google Analytics