jquery限制文本框輸入字符長度

n5em 9年前發布 | 3K 次閱讀 JavaScript jQuery

    jQuery.fn.maxLength = function(max){  
            this.each(function(){  
                var type = this.tagName.toLowerCase();  
                var inputType = this.type? this.type.toLowerCase() : null;  
                if(type == "input" && inputType == "text" || inputType == "password"){  
                    //Apply the standard maxLength  
                    this.maxLength = max;  
                }  
                else if(type == "textarea"){  
                    this.onkeypress = function(e){  
                        var ob = e || event;  
                        var keyCode = ob.keyCode;  
                        var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;  
                        return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);  
                    };  
                    this.onkeyup = function(){  
                        if(this.value.length > max){  
                            this.value = this.value.substring(0,max);  
                        }  
                    };  
                }  
            });  
        };  
使用方法:

    $('#phone').maxLength(4);  


 本文由用戶 n5em 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!