当前位置:  编程技术>jquery

jquery 限制输入框只能输入数字的自定义插件

    来源: 互联网  发布时间:2014-09-03

    本文导语:  代码分享: /** * 限制输入框只能输入数字(JQuery插件) * * @example $("#amount").numeral() * * @example $("#amount").numeral(4) or $("#amount").numeral({'scale': 4}) * * @example $(".x-amount").numeral() **/ $.fn.numeral = function() { var a...

代码分享:


/** 
 * 限制输入框只能输入数字(JQuery插件) 
 * 
 * @example $("#amount").numeral() 
 * 
 * @example $("#amount").numeral(4) or $("#amount").numeral({'scale': 4}) 
 * 
 * @example $(".x-amount").numeral() 
 **/  
$.fn.numeral = function() {       
    var args = arguments;  
    var json = typeof(args[0]) == "object";   
    var scale = json ? args[0].scale : args[0];  
    scale = scale || 0;  
    $(this).css("ime-mode", "disabled");  
    var keys = new Array(8, 9, 35, 36, 37, 38, 39, 40, 46);  
    this.bind("keydown",function(e) {  
        e = window.event || e;  
        var code = e.which || e.keyCode;      
        var idx = Array.indexOf(keys, code);  
        if (idx != -1) {  
            return true;  
        }  
        var value = this.value;           
        if (code == 190 || code == 110) {  
            if (scale == 0 || value.indexOf(".") != -1) {  
                return false;  
            }  
            return true;  
  
        } else {  
            if ((code >= 48 && code = 96 && code  0 && value.indexOf(".") != -1) {                   
                    var reg = new RegExp("^[0-9]+(.[0-9]{0," + (scale - 1) + "})?$");                                        
                    if (!reg.test(value)) {                       
                        return false;  
                    }                             
                }  
                return true;  
            }  
            return false;  
        }  
    });  
    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 = "";  
        } else {  
            var value = this.value;  
            if (scale > 0 && value.indexOf(".") != -1) {                   
                var reg = new RegExp("^[0-9]+(.[0-9]{0," + scale + "})?$");                              
                if (!reg.test(value)) {                   
                    this.value = format(value, scale);  
                }  
            }  
        }  
    });  
    this.bind("paste", function() {           
        var s = window.clipboardData.getData('text');  
        if (!/D/.test(s));  
        value = s.replace(/^0*/, '');  
        return false;  
    });  
    this.bind("dragenter", function() {  
        return false;  
    });  
    var format = function(value, scale){  
        return Math.round(value * Math.pow(10, scale)) / Math.pow(10, scale);  
    }         
    Array.indexOf = function(array, value) {  
        for (var i = 0; i < array.length; i++) {  
            if (value == array[i]) {  
                return i;  
            }  
        }  
        return -1;  
    }  
};

    
 
 

您可能感兴趣的文章:

  • jQuery多值输入插件 jQuery Manifest
  • jQuery实现文本框只能输入数字/关闭输入法状态
  • jquery实现input输入框实时输入触发事件代码
  • jQuery输入格式控制插件 Masked Input Plugin
  • 轻量级的拼音输入提示jQuery插件 xqkinput
  • jQuery输入自动完成 Combogrid
  • jQuery密码输入体验 Chroma-Hash
  • jQuery输入框备注插件 InputLabel
  • jQuery默认输入插件 InputDefault
  • jQuery 标签输入插件 Tag-it
  • jQuery输入框提示插件 InputNotes
  • jquery easyui easyui-datetimebox 取消用户输入
  • Jquery控制只能输入数字(解析)
  • jQuery 表格输入字段导航插件 TableNav
  • jQuery 多选输入插件 Bootstrap Multiselect
  • jquery限制只能输入数字 禁止复制粘贴与输入法切换
  • jquery清空textarea等输入框中内容的代码
  • jquery限制文本框只能输入数字与小数点
  • jquery禁止输入数字以外的字符的示例(纯数字验证码)
  • jquery统计输入文字的个数
  • jquery插件jquery倒计时插件分享
  • jQuery图片轮换插件 jQuery Dynamic Slideshow
  • jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
  • jQuery 内容滑动插件 Basic jQuery Slider
  • jQuery圆角插件 jQuery Corners
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery日历插件 jQuery Week Calendar
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery消息提醒插件 jQuery Notty
  • jQuery无限幻灯片插件 jQuery Carousel
  • jQuery向导插件 Jquery Wizard Plugin
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JS与jquery自定义属性用法
  • jQuery自定义下拉列表 DropKick
  • 自定义jquery模态窗口插件无法在顶层窗口显示问题
  • jquery easyui自定义下拉框列表
  • 基于jquery的自定义分页控件 jqPaginator
  • 解决自定义$(id)的方法与jquery选择器$冲突的问题
  • jquery代码-如何定义一个定制的选择器
  • jQuery自定义事件的简单实现代码
  • jQuery 自定义函数的三种方法(示例)
  • jquery自定义函数的多种方法
  • jquery easyui自定义DataGrid视图
  • jQuery中使用data()方法读取HTML5自定义属性data-*实例
  • AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
  • jQuery的:parent选择器定义和用法
  • Jquery自定义button按钮的几种方法
  • Jquery实现自定义窗口随意的拖拽
  • Jquery实现自定义tooltip示例代码
  • jquery 自定义容器下雨效果可将下雨图标改为其他
  • jquery validate添加自定义验证规则(验证邮箱 邮政编码)
  • jquery validate 自定义验证方法介绍 日期验证
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery概述,代码举例及最新版下载 iis7站长之家
  • jQuery概述,代码举例及最新版下载
  • jQuery UI组件 jQuery UI
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery分页插件 Pagination jQuery Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery的CSV插件 jQuery CSV
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3