一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > jquery

推荐专题

最新下载

热门教程

jQuery限制文本域（textarea）的字数

时间：2022-11-14 22:03:22 编辑：袖梨 来源：一聚教程网


核心代码

代码如下 复制代码

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("

"+(240-$("#textarea").val().length)+" characters

");
$('#textarea').keyup(function(){
limiting($(this), 240);
});
}
//通常中文的是英文的双倍大。
if($("#textarea_cn").length > 0){
$("#textarea_cn").parent().append("

"+(limitnum/2-$("#textarea_cn").val().length)+" characters

");
$('#textarea_cn').keyup(function(){
limiting($(this), limitnum/2);
});
}
});


例2

限制文字字数输入(添加中文识别)

代码如下 复制代码




还可输入 40 个汉字

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理