代码描述:textarea添加maxlength属性。textarea添加maxlength属性源码实例
在中有自带的maxlength属性,使用此属性可以设置文本框输入字符串的最大长度。textarea多行文本框并没有这样的属性,下面就来介绍一下如何为为textarea文本框添加此属性。 实例代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>为textarea添加maxlength属性-51前端</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> (function($){ $.fn.textarealimit=function(settings){ var newSettings={length:settings} settings=jQuery.extend({ length:20 }, newSettings); maxLength=settings.length; $(this).attr("maxlength",maxLength) .bind("keydown",doKeydown) .bind("keypress",doKeypress) .bind("beforepaste",doBeforePaste) .bind("paste",doPaste); function doKeypress() { var oTR=document.selection.createRange() if(oTR.text.length>=1){ event.returnValue=true } else if(this.value.length > maxLength-1) { event.returnValue=false } } function doKeydown() { var _obj=this; setTimeout(function() { if(_obj.value.length > maxLength-1) { var oTR=window.document.selection.createRange() oTR.moveStart("character",-1*(_obj.value.length-maxLength)) oTR.text="" } },1) } function doBeforePaste() { event.returnValue = false } function doPaste() { event.returnValue = false var oTR = document.selection.createRange() var iInsertLength = maxLength - this.value.length + oTR.text.length var sData = window.clipboardData.getData("Text").substr(0, iInsertLength) oTR.text = sData; } } })(jQuery); $(document).ready(function(){ $("#mulText").textarealimit(2); }); </script> </head> <body> <textarea id="mulText"></textarea> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能