手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的textarea发布框限制文字字数输入(添加中文识别)
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
摘要:效果图如下:源代码如下:复制代码代码如下:$(function(){$("textarea").keyup();});functionstr...

效果图如下 :

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

源代码如下 :

复制代码 代码如下:

<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="" name="subject" id="subject"></textarea>

<span id="checklen">还可输入 <strong>40</strong> 个汉字</span>

<input type="submit" id="subBtn" value="发布" />

【基于jquery的textarea发布框限制文字字数输入(添加中文识别)】相关文章:

基于jQuery插件实现环形图标菜单旋转切换特效

浅谈angularJS 作用域

js+html5绘制图片到canvas的方法

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

jquery实现用户打分评分特效

jQuery解析XML文件同时动态增加js文件的方法

在textarea输入Tab

显示行号的文本输入框

JS选项卡动态替换banner图片路径的方法

基于jquery实现下拉框美化特效

精品推荐
分类导航