首页 > Web开发 > 详细

jquery限制文本域字数

时间:2014-01-25 08:31:54      阅读:478      评论:0      收藏:0      [点我收藏+]

jQuery(document).ready(function($){
  var limitnum = 240;
  function limiting(obj, limit) {
//console.log(obj);
var cnt = obj.parent().find(".counter > span");
var txt = $(obj).val();
var len = txt.length;
var current = limit-len;

$(cnt).html(current);

// 如果剩余字数少于0,添加 class warning
if(current <= 0) {
$(cnt).addClass("warning");
}else{
//删除超出的文字后,去掉 class warning
$(cnt).removeClass("warning");
}
  }

if($("#textarea").length > 0){
//在 textarea 后添加计数器,如果不为空,显示出已有字数
  $("#textarea").parent().append("<p class=\"counter\"><span>"+(240-$("#textarea").val().length)+"</span> characters</p>");
  $(‘#textarea‘).keyup(function(){
limiting($(this), 240);
  });
}
//通常中文的是英文的双倍大。
if($("#textarea_cn").length > 0){
  $("#textarea_cn").parent().append("<p class=\"counter\"><span>"+(limitnum/2-$("#textarea_cn").val().length)+"</span> characters</p>");  
  $(‘#textarea_cn‘).keyup(function(){
limiting($(this), limitnum/2);
  });
  }
});

jquery限制文本域字数

原文:http://www.cnblogs.com/chixiaogang/p/3532650.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!