教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 基于jquery的textarea发布框限制文字字数输入(添加中文识别)

基于jquery的textarea发布框限制文字字数输入(添加中文识别)

发布时间:2013-06-02   编辑:jiaochengji.com
基于jquery的textarea发布框限制文字字数输入(添加中文识别),需要的朋友可以参考下
基于jquery的textarea发布框限制文字字数输入(添加中文识别),需要的朋友可以参考下 效果图如下 :


源代码如下 :

复制代码 代码如下:

<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="发布" />

您可能感兴趣的文章:
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
jquery实现textarea输入字符控制(仿微博输入控制字符)
限制字符输入数功能(jquery版和原生JS版)
JS限制Textarea文本域字符个数的代码分享(图文)
javascript限制文本框textarea输入字数的代码
JQuery 表单中textarea字数限制实现代码
基于jquery的一个简单的脚本验证插件
JS限制textarea中输入字数的代码
jQuery 表单验证扩展代码(一)
jQuery 处理表单元素的代码

[关闭]
~ ~