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

古城微笑少年丶 2022-06-13 03:07 234阅读 0赞

[http://blog.csdn.net/phpfenghuo/article/details/42149741][http_blog.csdn.net_phpfenghuo_article_details_42149741]

[  
][http_blog.csdn.net_phpfenghuo_article_details_42149741]

[js][http_blog.csdn.net_phpfenghuo_article_details_42149741]代码：

**\[javascript\]** [ view plain][view plain] [ copy][view plain] [ print][view plain] [?][view plain]

1.  jQuery.fn.maxLength = function(max)\{  
2.          this.each(function()\{  
3.              var type = this.tagName.toLowerCase();  
4.              var inputType = this.type? this.type.toLowerCase() : null;  
5.              if(type == "input" && inputType == "text" || inputType == "password")\{  
6.                  //Apply the standard maxLength  
7.                  this.maxLength = max;  
8.              \}  
9.              else if(type == "textarea")\{  
10.                 this.onkeypress = function(e)\{  
11.                     var ob = e || event;  
12.                     var keyCode = ob.keyCode;  
13.                     var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;  
14.                     return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);  
15.                 \};  
16.                 this.onkeyup = function()\{  
17.                     if(this.value.length > max)\{  
18.                         this.value = this.value.substring(0,max);  
19.                     \}  
20.                 \};  
21.             \}  
22.         \});  
23.     \};

使用方法：

**\[javascript\]** [ view plain][view plain] [ copy][view plain] [ print][view plain] [?][view plain]

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

[http_blog.csdn.net_phpfenghuo_article_details_42149741]: http://lib.csdn.net/base/javascript
[view plain]: http://blog.csdn.net/phpfenghuo/article/details/42149741#