`

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文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。

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

    onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法 number.js 代码如下: // ———————————————————————- // // 限制只能输入数字 // &lt;/summary&gt; // ——————————————...

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

    内容索引:脚本资源,jQuery,字符限制,jQuery插件 jQuery 文本框输入字符限制插件,也就是在你输入文字的时候,根据程序要求,可以限制一部分否提交或是不显示,实现截取字符的作用,比如在有些留言本或评论程序限制...

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

    很多时候需要用到限制文本框的数字输入,试过许多方法,都不太理想,遂决定自己实现一个来玩玩。 曾经使用过的方法 通过onkeydown事件来控制只允许数字: 代码如下: &lt;input onkeydown=”return event.keyCode&gt;...

    Jquery实现仿新浪微博获取文本框能输入的字数代码

    limit.js代码 代码如下: //txt:文本框jquery对象 //limit:限制的字数 //isbyte:true:视limit为字节数;false:视limit为字符数 //cb:回调函数,参数为可输入的字数 function InitLimit(txt,limit,isbyte,cb){ txt....

    jQuery使用正则表达式限制文本框只能输入数字

    试过javascript的方法: 如:一种方法: //只允许输入数字 function checkkey2(value, e) { var key = window.event ? e.keyCode : e.which; if ((key &gt; 95 && key &lt; 106&gt; 47 && key &lt; 60)) { } else if ...

    JavaScript常用脚本汇总(一)

    jquery限制文本框只能输入数字 jquery限制文本框只能输入数字,兼容IE、chrome、FF(表现效果不一样),示例代码如下: 代码如下: $(“input”).keyup(function(){ //keyup事件处理  $(this).val($(this).val()....

    jQuery 限制或转换表单输入框字符格式

    内容索引:脚本资源,jQuery,jQuery插件,表单,输入框 使用jQuery 限制表单输入框的字符格式,并自动按要求转换格式,我们把它起个名字叫做jQuery inputMask,它一共有四种方式:  1、转换文本框的字符为大写,自动...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    10.jQuery限制input或texteara字符输入限制字数控制插件下载 11.jQuery支持三级菜单的超酷华丽炫彩动感多级渐显菜单下载 12.jQuery制作登录按钮实现Ajax带状态提示 13.jvalidate无刷新表单验证插件示例下载 ...

    jQuery AlphaNumeric 表单字符输入限制插件

    内容索引:脚本资源,jQuery,alphanumeric,表单验证 jQuery AlphaNumeric是一个表单字符输入限制插件,当使用了限制机制后,允许输入数字的文本框只能输入数字,其它字符将不能显示,即使按了键盘也不会在输入框中有...

    NumericInput:将html文本框设置为仅允许数字输入

    一个简单的jQuery插件,将(输入)元素设置为仅允许数字。 选项 allowFloat :(布尔值)允许输入浮点数。 默认值:false。 allowNegative :(布尔值)允许输入负数。 默认值:false。 min:(数字)可以输入到...

    js 正则表达式 验证 a/b/c 格式的类型数据

    首先说下 我的需求 我要对一个文本框中输入的内容格式做出要求 内容 必须是 “字符串” “字符串”+“/”+“字符串” “字符串”+“/”+“字符串”+”/”+“字符串” “字符串”+“/”+“字符串”+”/”+“字符串”+...

    Jquery实现textarea根据文本内容自适应高度

    在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关。但是当你输入超过一行文字...

    Work-Day-Scheduler:9-5个工作日的便捷日程安排

    此外,还有方便的文本框,用户可以在需要记住的事件中输入这些文本框。 用户输入文本并单击“保存”按钮后,文本将保存到用户本地存储中。 链接Diployed页: - 链接到已部署的网页: : 成品示例 联系信息 ...

    文章管理系统

    2.列表页导航分页加入超过100分页时,下拉选择自动变成文本框输入,防止下拉项太多而影响速度 3.纠正文章管理因异常栏目信息,而造成页面错误 4.生成的缓存文件加入和%&gt;字符的编码,防止因配置内容含asp代码而造成...

    marionette-textbox-behavior:将文本输入字段与模型字段同步的 Marionette 行为

    牵线木偶文本框行为 描述 此行为在视图的 DOM &lt;input&gt;文本元素与模型属性的值之间提供了双向值绑定。 当用户更改文本或属性更改时,元素的文本和模型属性会更新。 用法 该库与 CommonJS 和 AMD 加载器兼容。 ...

Global site tag (gtag.js) - Google Analytics