欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-09-24 10:57:43|栏目:jquery|点击:
效果图如下 :


源代码如下 :

复制代码 代码如下:

<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及AJAX技术定时更新GridView的某一列数据

栏    目:jquery

下一篇:详解jQuery中的easyui

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

本文地址:http://www.codeinn.net/misctech/177021.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有