效果图如下 :
源代码如下 : 复制代码 代码如下: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("textarea").keyup(); }); function strLenCalc(obj, checklen, maxlen) { var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length; for(var i = 0; i < v.length; i++) { if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) { curlen -= 1; } } if(curlen >= len) { $("#"+checklen).html("还可输入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 个字").css('color', ''); $("#subBtn").removeAttr("disabled"); } else { $("#"+checklen).html("已经超过 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 个字").css('color', '#FF0000'); $("#subBtn").attr("disabled", "disabled"); } } </script> <textarea tabindex="11" onkeyup="strLenCalc($(this), 'checklen', 80);" value="" class="px" name="subject" id="subject"></textarea> <span id="checklen">还可输入 <strong>40</strong> 个汉字</span> <input type="submit" id="subBtn" value="发布" />
推荐阅读
js 代码优化点滴记录
1、简单示例如下: switch用例 复制代码 代码如下: var caseContent = '';//条件判断后处理内容 var caseValue = 5 ;//条件判断值 switch(caseValue){ case 0: caseContent = "鞋子"; break; case 1: caseContent >>>详细阅读
本文标题:基于jquery的textarea发布框限制文字字数输入(添加中文识别)
地址:http://www.17bianji.com/kaifa2/JS/23610.html
1/2 1