jquery限制用户只能输入数字

发布时间:2020-05-28编辑:脚本学堂
分享一例jquery代码,用于限制用户只能输入数字,即用jquery脚本检测用户在文本框中的输入,除数字之外不允许输入其它内容。

例子,限制用户只能输入数字的jquery代码。
 

复制代码 代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>限制只能输入数字_http://www.jb200.com</title>
<body>
 <input type="text" id="txt1">
</body>
<script src="/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$.fn.numeral = function(){
    $(this).css("ime-mode","disabled");
    this.bind("keypress",function(event){
        var keyCode = 0;
        if (event.charCode != undefined) {
            keyCode = event.charCode;
        } else {
            keyCode = event.keyCode;
        }

        if(keyCode == 46){
            if(this.value.indexOf(".")!=-1){
                return false;
            }
        }else{
            return (keyCode>=46&&keyCode<=57) || (keyCode==0);
        }
    });
    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*/, '');
    });
};
$("#txt1").numeral();
</script>
</html>