限制文本域中字符输入个数

最新推荐文章于 2021-06-05 14:53:27 发布

weixin_30879169

最新推荐文章于 2021-06-05 14:53:27 发布

阅读量103

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/llguanli/p/8721443.html

版权

<script type="text/javascript">
    $(function(){
        jQuery.fn.maxLength=function(max){
            return this.each(function(){
                var type=this.tagName.toLowerCase();
                var inputType=this.type?

this.type.toLowerCase:null; if(type=='input'&&inputType=="text"||inputType=="password"){ this.maxLength=max; }else if (type=="textarea") { this.onkeypress=function(e){ var obj=e||event; var keyCode=obj.keyCode; this.onkeyup=function(){ if (this.value.length>max) { this.value=this.value.substring(0,max); } } } } }) }; $("#btn").click(function(){ var vMaxLen=$("input#txt").val(); var iMaxLen=parseInt(vMaxLen); $("#txtarea").maxLength(iMaxLen); $("#log").html($("#log").html()+"<p>"+"最大字符个数设定为："+vMaxLen+"个"+"</p>"); }); });

</script> </head> <body> <p> <b>最大输入字符个数</b> <input type="text" id="txt" style="width: 32px;" value="10"/> </p> <p> <input type="button" id="btn" value="限制文本域中字符的个数"/> </p> <div> <textarea rows="" cols="" id="txtarea" name="maxLenTextarrea"></textarea> </div> <div id="log"> <p>日志记录：</p> </div>

转载于:https://www.cnblogs.com/llguanli/p/8721443.html

weixin_30879169

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
限制文本域中字符输入个数

<script type="text/javascript"> $(function(){ jQuery.fn.maxLength=function(max){ return this.each(function(){ ...
复制链接

扫一扫