您的位置:首页 > Web前端 > JQuery

jquery限定文本框只能输入数字(整数和小数)

2013-11-24 21:59 459 查看
$(function(){  

     //文本框只能输入数字(不包括小数),并屏蔽输入法和粘贴  

     $.fn.integer= 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("paste", function() {     

            return false;     

        });       

        this.bind("keyup", function() {     

            if (/(^0+)/.test(this.value)) {     

                this.value = this.value.replace(/^0*/, '');     

            }     

        });     

    };

     //文本框只能输入数字(包括小数),并屏蔽输入法和粘贴  

     $.fn.number= 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 ;     

             }     

             if(this.value.indexOf(".")==-1){

                return (code >= 48 && code<= 57)||(code==46);  

                

             }else{

                return code >= 48 && code<= 57

             }

        });        

        this.bind("paste", function() {     

            return false;     

        });       

        this.bind("keyup", function() {     

            if(this.value.slice(0,1) == "."){

                this.value = "";

            }

        });     

        this.bind("blur",function(){

            if(this.value.slice(-1) == "."){

                this.value = this.value.slice(0,this.value.length-1);

            }

        });

    };

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: