169it科技资讯


当前位置:  编程技术>jquery

jquery怎么限制文本框只能输入数字?

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

如何用jquery 限制文本框只能输入数字呢?
 
先来看一个简单的例子: 
 

代码示例:
$("input[name='fangwenyudinhuishu']").keyup(function(){    
  var tmptxt=$(this).val();    
  $(this).val(tmptxt.replace(/\D|^0/g,''));    
}).bind("paste",function(){    
  var tmptxt=$(this).val();    
  $(this).val(tmptxt.replace(/\D|^0/g,''));    
}).css("ime-mode", "disabled");   

以上是keyup事件处理,接着处理了CTR+V事件,最后是css设置输入法不可用。

例子,用jquery限制文本框只能输入数字:(www.)
 

代码示例:
$(function(){ 
 //文本框只能输入数字,并屏蔽输入法和粘贴 
 $.fn.numeral = function() {    
            $(this).css("ime-mode", "disabled");    
            this.bind("keypress",function(e) {    
            var code = (e.keyCode ? e.keyCode : e.which);  //兼容火狐 IE     
                if(!$.browser.msie&&(e.keyCode==0x8))  //火狐下不能使用退格键    
                {    
                     return ;    
                    }    
                    return code >= 48 && code<= 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*/, '');    
                }    
            });    
        };   
        //调用文本框的id 
  $("#score").numeral();  
});

您可能感兴趣的文章:
  • jquery限制用户只能输入数字
  • jQuery 验证文本框只能输入数字与小数点
  • JQuery实现INPUT只能输入数字与小数点
  • jquery 限制文本框只能输入数字简单例子
  • jQuery正则验证文本框只能输入数字
  • jquery限制文本框只能输入数字与小数点
  • Jquery 限制只能输入数字的代码举例

    
相关技术文章:
    ▪jquery显示与隐藏div的方法示例

     例子,显示与隐藏div。   $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法  以下是一些显示与隐藏div,给元素设置style属性的方法。   1,给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性   $("#sendPhoneNum").attr("class", "n_input3");  2,给元素设置style属性   $("#top_notice").attr("style", "display:block;");    3,通过jquery的css方法,设置div隐藏   $("#sendPhoneNum").c......


    ▪jquery怎么获取div的id值?

     例子,jquery获得div的id。   <div id="product_shift_out_{m}"> </div>  <script language = "JavaScript" type="text/javascript">  $(document).ready(function(){  name = $('div').eq(0).attr('id');  alert(name)  });  </script> eq(0)是取第一个jq元素。   eq(index) 匹配一个给定索引值的元素 -------------- Matches a single element by its index. 返回值 Element 参数 index (Number) : 从 0 开始计数 例子,查找第二行。   <table> <tr><td>Header 1</td></tr> <tr><td>Va......


    ▪jquery实现搜索关键字自动匹配提示的例子

     本节内容: jquery实现搜索关键字自动匹配提示 在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。 例如,google的搜索框效果: 一个jquery实现搜索关键字自动匹配提示方法。 jquery autocomplete 是一个基于jquery实现搜索关键字自动匹配提示的插件,该插件可扩展性强,表现性能优越; 兼容ie 6.0+, ff 2+, safari 2.0+, opera 9.0+, and chrome 1.0+ 等主流浏览器。 具体的使用方法: 1,使用设置 首页,要把插件的js代码嵌入到你自己的项目中去。 ......


 
最新技术文章:
    ▪jquery怎么限制文本框只能输入数字?

     如何用jquery 限制文本框只能输入数字呢?   先来看一个简单的例子:    代码示例: $("input[name='fangwenyudinhuishu']").keyup(function(){       var tmptxt=$(this).val();       $(this).val(tmptxt.replace(/\D|^0/g,''));     }).bind("paste",function(){       var tmptxt=$(this).val();       $(this).val(tmptxt.replace(/\D|^0/g,''));     }).css("ime-mode", "disabled");    以上是keyup事件处理,接着处理了CTR+V事件,最后是css设置输入法不可用。 例子,用jquery限制文本框只能输入数字:(......


    ▪jquery显示与隐藏div的方法示例

     例子,显示与隐藏div。   $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法  以下是一些显示与隐藏div,给元素设置style属性的方法。   1,给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性   $("#sendPhoneNum").attr("class", "n_input3");  2,给元素设置style属性   $("#top_notice").attr("style", "display:block;");    3,通过jquery的css方法,设置div隐藏   $("#sendPhoneNum").c......


    ▪jquery怎么获取div的id值?

     例子,jquery获得div的id。   <div id="product_shift_out_{m}"> </div>  <script language = "JavaScript" type="text/javascript">  $(document).ready(function(){  name = $('div').eq(0).attr('id');  alert(name)  });  </script> eq(0)是取第一个jq元素。   eq(index) 匹配一个给定索引值的元素 -------------- Matches a single element by its index. 返回值 Element 参数 index (Number) : 从 0 开始计数 例子,查找第二行。   <table> <tr><td>Header 1</td></tr> <tr><td>Va......


 


站内导航:


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

©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号