这是初始状态
输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个。
这个是超出的样子
如果超出了点击提交,会有红色闪动提示
好了,效果就是这样子,都是js的。。用的话,记得加个jq文件过来。。
这里是超出只有提示,还可以超出以后截掉多余的。。不过公司项目不用,说是体验不好~~~
复制代码 代码如下:
var oH2 = $("#spetit_word");//提示文字
var oTextarea = $("#p_qa_content");//输入框
var oButton = $("#bt-ico");//按钮
复制代码 代码如下:
oTextarea.live("keyup", function () {
Limit(oTextarea, 280, oH2);
})
oButton.live("click", function () {
if (font_count < 0 || font_count == null || font_count == 140) {
Error(oTextarea);
} else {
alert('发布成功!');
}
});
复制代码 代码如下:
var font_count;
function WordLength(obj) {
var oVal = obj.val();
var oValLength = 0;
oVal.replace(/\n*\s*/, '') == '' ? oValLength = 0 : oValLength = oVal.match(/[^ -~]/g) == null ? oVal.length : oVal.length + oVal.match(/[^ -~]/g).length;
return oValLength
}
function Error(obj) {
var oTimer = null;
var i = 0;
oTimer = setInterval(function () {
i++;
i == 5 ? clearInterval(oTimer) : (i % 2 == 0 ? obj.css("background-color", "#ffffff") : obj.css("background-color", "#ffd4d4"));
}, 100);
}
//obj-要检查的输入框, iNow-多少字, tit-提示框
function Limit(obj, iNow, tit) {
var oValLength = WordLength(obj);
font_count = Math.floor((iNow - oValLength) / 2);
if (font_count >= 0) {
tit.html("你还可以输入<strong>" + font_count + "</strong>字");
return true;
} else {
tit.html("已超出<strong style='color:red'>" + Math.abs(font_count) + "</strong>字");
return false;
}
return font_count;
}
相关推荐:
SEO学堂:开启数字营销新时代,全面提升网站排名与流量,文山ai营销推广方案
怎样用AI写文章?快速高效创作新技能!
SEO主要是为网站引流吗?深入解析SEO的核心价值,AI算算
ZBlog:开启你的个人网站新时代,轻松搭建与管理,二手手机营销推广方案
SEO走动:提升网站流量的关键一步,SEO数据监控宝宝推荐
为什么要做seo si,为什么要做* ,ai里面怎么扣二维码
SEO优化知识全解析:提升网站排名的秘密武器,ai出错合集
二次创作的魅力与潜力:创意无限的数字时代,天长外贸网站建设
“赞片CMS”-让你的*站点管理更高效、便捷,日照seo平台
SEO广告:如何借助SEO提升品牌曝光与销售业绩?,网站推广怎么选择
优化工具:提升工作效率的秘密武器,网站模板的优化策略是什么
ChatGPT-4中文免费破解版:无需付费,体验最强AI助手,ai写作生成器官方下载
ChatGPT打不开了吗?如何快速解决常见问题,恢复顺畅体验!,ai13212511845
SEO译为:网站排名背后的优化策略,会展中心网站优化
SEO占位:如何在竞争激烈的市场中占得先机?,梁平区省心全网营销推广
怎么让AI润色文章,让写作更轻松?
AI网页设计生成-智能化创造无限可能,ai机甲风背景音乐
ChatGPTO1免费:突破智能聊天的极限,体验AI无限可能,糯米ai唱歌
seo需要买什么,seo需要考虑什么 ,ai做表头
ChatGPT的梯子:突破网络壁垒,畅享智能对话的全新体验,ai的音标1001ai的音标
seo诊断什么意思,seo诊断a5 ,约瑟夫ai
GPT在智能聊天机器人中的作用:重塑沟通体验,开创智能未来,百万级ai
SEO精通:让你的内容在搜索引擎中脱颖而出,跨境电商 推广营销
360ai答题-赋能教育,开启智能学习新纪元,ai 果汁
seo要公司什么资源,做seo需要用到什么软件 ,ai明星换了
SEO选择:如何挑选最合适的SEO优化策略?,wb免费刷粉网站推广
seO经理是什么岗位,seo经理招聘 ,ai写作重复被查
ChatGPT打不开网页?看完这篇你就懂了!,国内ai写作安卓软件
seo网页优化什么意思,seo网站优化必知的10个问答,问吧,【解决】百度不知道 ,ai识别点读机
SEO新闻:2025年最新趋势与最佳实践,你不可错过的SEO战略,郑州网络营销推广的优势
seo简报什么意思,seo工作汇报 ,万花筒 ai
文章AI生成软件高效创作新纪元
SEO是如何推动企业增长的关键力量,深圳罗湖网站建设设计
怎样利用AI写文章,轻松提升写作效率
seo点击工具,seo排名点击软件推荐 ,ai狂躁
seo需要学会什么编程,seo要会些什么 ,剪映怎样加ai
360关键:打造全方位安全保护,守护您的数字世界,ai乘bi
主流seo是什么,seo是什么推广网站 ,AI心理师
用AI生成文章,让创作更简单高效
ChatGPT桌面版无法加载?快速解决方案及常见问题解析,ai媚眼
ChatGPT最新版本更新内容:智能对话体验再升级,更多功能与应用,ai证伪
ChatGPT无法加载?检查您的网络设置并尝试重启,轻松解决常见问题!,ai招生广告设计
ChatGPT,您的银行卡被拒绝了?别慌,这些方法帮您快速解决问题!,ai给那个标声调
什么是seo方法,何为seo ,ai写作神器源码是什么
ChatGPT网页版内容显示不全的原因与解决方案,ai超级绘
用AI征文工具,轻松创作出精彩文章!
ChatGPT免费版下载:智能对话助手带来的全新体验,电脑怎么下载Ai微认证
SEO合同:确保您网站优化成功的关键保障,微博营销推广规则最新
ChatGPT启动时遇到问题?快速解决方案让你畅享智能对话体验,ai如何保存logo
SEO很多,如何在竞争激烈的市场中脱颖而出?,在SEO优化中