`
dozero
  • 浏览: 2057 次
  • 性别: Icon_minigender_1
  • 来自: 广东
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jquery只能输入数值的text框

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Untitled Document</title>
     <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    </head>
    <script type="text/javascript">
        $.fn.numeral = function() {
            $(this).css("ime-mode", "disabled");
            this.bind("keypress",function() {
                if (event.keyCode == 46) {
                    if (this.value.indexOf(".") != -1) {
                        return false;
                    }
                } else {
                    return event.keyCode >= 46 && event.keyCode <= 57;
                }
            });
            this.bind("blur", function() {
                if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
                    this.value = this.value.substr(0, this.value.length - 1);
                } else if (isNaN(this.value)) {
                    this.value = "";
                }
            });
            this.bind("paste", function() {
                var s = clipboardData.getData('text');
                if (!/\D/.test(s));
                value = s.replace(/^0*/, '');
                return false;
            });
            this.bind("dragenter", function() {
                return false;
            });
            this.bind("keyup", function() {
            if (/(^0+)/.test(this.value)) {
                this.value = this.value.replace(/^0*/, '');
                } 
            });
        };
    </script>
    <body>
        <input type="text" id="txt1">
        <input type="text" id="Text2">
    </body>
 
 <script type="text/javascript">
  $("#txt1").numeral();
 </script>
</html> 


或者
$("#joinYears").keyup(function(){   
        var tmptxt=$(this).val();   
        $(this).val(tmptxt.replace(/\D|^/g,''));   
    }).bind("paste",function(){   
        var tmptxt=$(this).val();   
        $(this).val(tmptxt.replace(/\D|^/g,''));   
    }).css("ime-mode", "disabled");
分享到:
评论

相关推荐

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

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

    Jquery实现滑动数值选择

    **jQuery滑动数值选择器详解** 在Web开发中,用户交互是至关重要的,尤其是在涉及到数据输入时。jQuery库提供了一种高效且用户友好的方式来实现这种交互,这就是滑动数值选择器。这个Demo展示了如何利用jQuery实现...

    jquery 数值计算的程序示例

    本示例中,我们将深入探讨如何使用jQuery进行数值计算,创建一个基本的计算器功能。 首先,jQuery的核心是选择器,它们允许我们高效地找到DOM中的元素。在这个计算器程序中,可能使用了`$("#elementId")`来选取特定...

    输入框只能输入0.5的倍数

    通常,我们会使用`&lt;input&gt;`标签,其type属性可以设置为"text"或"number"来创建文本输入或数字输入。为了限制用户只能输入0.5的倍数,我们可能需要将type设为"number",因为它提供了更多的内置验证功能。 ```html `...

    Jquery数字输入插件,淘宝商品数量输入插件、

    本主题涉及的是一个基于jQuery的特定插件,即用于数字输入的插件,通常用于电商网站的商品数量选择,如淘宝上的商品数量加减功能。这个插件可能被称为"key.number",它为用户提供了友好的交互体验,使得用户可以方便...

    jquery限制最大输入数字插件特效

    首先,jQuery限制最大输入数字的功能主要应用于表单输入,特别是那些需要用户输入数值的场景。例如,在电子商务网站中,购物车的数量输入框,或者在数据统计表格中,限制用户输入的最大数值以防止错误或非法输入。...

    jQuery控制输入框只能输入数值的小例子

    标题中的“jQuery控制输入框只能输入数值的小例子”是指使用jQuery库来限制用户在HTML文本输入框(`&lt;input type="text"&gt;`)中只能输入数值。这个功能在许多应用场景中非常有用,例如在线表单、评分系统或者任何需要...

    jQuery自定义数值抽奖活动代码.zip

    在本项目中,"jQuery自定义数值抽奖活动代码.zip" 提供了一个基于jQuery实现的抽奖程序,该程序允许用户在指定范围内设定一个数值区间,然后通过点击“开始”和“停止”按钮,由计算机随机选取并展示一个结果。...

    使用jQuery实现input数值增量和减量的方法

    如果用户尝试在输入框中输入非法的字符(例如字母或特殊符号),插件可以配置为在失去焦点时自动清除非法输入,或者将输入值重置为最小允许值,以保证输入框中始终是有效的数值。 5. **附加功能与参考文档**: ...

    jquery.validate是jquery旗下的一个验证框架

    `jQuery Validate`通过与jQuery的无缝集成,使得验证用户输入变得简单快捷。它可以处理各种常见的验证需求,如必填项、电子邮件格式、URL、日期等,并且允许开发者自定义验证规则。此外,该插件还支持多语言,满足...

    jQuery Spin button 文本框数值自动增减效果.rar

    jQuery Spin button 是一款非常实用的前端插件,它主要用于文本框(input[type="text"])中的数值自动增减功能。这款插件利用了JavaScript库jQuery的强大功能,为用户提供了一种直观且易于操作的方式,以便在网页...

    jQuery鼠标拖动改变数值大小代码

    这种效果可以用于各种场景,比如设置音量、调节亮度或输入特定数值。 首先,我们需要了解HTML文件(index.html)的基本结构。在这个示例中,HTML可能会包含一个div元素作为拖动区域,可能还有一些其他元素用来显示...

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

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

    基于jQuery的Spin Button自定义文本框数值自增或自减(测试案例)

    在本文中,我们将深入探讨如何使用jQuery库创建一个自定义的Spin Button,也称为数值选择器,用于文本框中的数值自增或自减。这个功能常见于许多网页表单,尤其是涉及数量输入的地方,比如购物车的商品数量调整。...

    jQuery.validate验证

    - `range`: 验证输入数值在指定范围之间。 - `max`/`min`: 确保输入的数值不超过或低于指定的最大值或最小值。 3. **自定义验证规则**: 如果默认的验证规则不能满足需求,你可以通过`.addMethod()`函数创建自己...

    240多个jQuery插件

    1. jQuery Combobox:组合框插件,提供下拉列表和文本输入功能。 2. jQuery controlled dependent (or Cascading) Select List:联动下拉列表。 3. Multiple Selects:多选下拉框。 4. Select box manipulation:...

    JQueryUI架包

    - **滑块(Slider)**:可以作为数值输入工具,或者用于展示进度和选择范围。 - **日期选择器(Datepicker)**:方便用户选择日期,支持多种格式和日期限制。 - **下拉菜单(Autocomplete)**:自动完成输入,常用于...

    jqueryui可视化

    9. **Autocomplete(自动补全)**:输入框内自动填充建议,常用于搜索或数据输入。 ### 开发与集成 **index.html**:这是项目的主入口文件,通常包含HTML结构和jQuery UI的引用。需要引入jQuery库和jQuery UI CSS...

    240多个jQuery UI插件

    - **jQuery Spin Button Control**: 实现数值增减控制。 - **jQuery Ajax Form Builder**: 快速构建Ajax表单。 - **jQuery Focus Fields**: 自动聚焦到表单中的特定字段。 - **jQuery Time Entry**: 设置时间...

Global site tag (gtag.js) - Google Analytics