jquery限制文本框输入字符长度

页面导航:首页 > 网络编程 > JavaScript > jquery限制文本框输入字符长度

jquery限制文本框输入字符长度

来源: 作者: 时间:2016-02-04 09:15 【

js代码:jQuery fn maxLength = function(max){ this each(function(){ var type = this tagName toLowerCase(); var inputType =

js代码:

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);


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<