JQuery 表单中textarea字数限制实现代码

2016-02-19 14:33 3 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

代码如下:
$('#FashionStatement').val('');
var limitNum = 1000;
var pattern = '还可以输入' + limitNum + '字';
$('#statementRowChk').html(pattern);
$('#FashionStatement').keyup(
function() {
var remain = $(this).val().length;
if (remain 1000) {
pattern = $('字数超过限制,请适当删除部分内容');
}
else {
var result = limitNum - remain;
pattern = '还可以输入' + result + '字';
}
$('#statementRowChk').html(pattern);
}
);

这程序一看就明白,就不解释了。

来源:https://www.tulaoshi.com/n/20160219/1607212.html

延伸阅读
标签: Web开发
打包下载 查了一下jq的官方插件编写文档( http://docs.jquery.com/Plugins/Authoring )以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好,但还是努力看下来(既学习到知识又能练习英语,何乐不为),照猫画虎的写了一个处女作——tabBox。 顾名思义,这个插件就是方便的产生具有tab选项卡功能“盒子...
标签: Web开发
基于jquery的锁定弹出层 这个东西也是随手总结出来的,引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的,请将flash控件的WMode变量值设置为Transparent 使用方法: 代码如下: script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"i...
标签: Web开发
今天搭了个发短信的页面,找朋友测试, 没想到一位大侠直接弄了本长篇小说发我手机上 为了我的宝贝手机能继续健康澎湃,给文本区域(textarea)做了一下字数限制: 我们知道,在input标签中可以使用maxlength=4″属性来直接控制字符数,但是这一招在textarea中行不通。只好写一些JS来做判断: function textdown(e) {textevent = e ; ...
标签: Web开发
多选效果如下图 代码如下: 代码如下: script type="text/javascript"!-- $(document).ready(function() { $("#selectall").click(selectAll); }); function selectAll() { var checked = $("#selectall").attr("checked"); $(".selectable").each(function() { var subchecked = $(this).attr("checked"); if (subchecked != ch...
标签: Web开发
从那以后,我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程,不仅仅因为要展示jQuery代码的简介,同时也要揭示jQuery库中的若干高级特性。 首先,代码 代码如下: $(document).ready(function() { $('.styleswitch').click(funct...

经验教程

180

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部