下载此文档

jQuery限制输入字符串长度jquery.doc


文档分类:IT计算机 | 页数:约5页 举报非法文档有奖
1/5
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/5 下载此文档
文档列表 文档介绍
jQuery限制输入字符串长度
我们后台做程序的时候,比如录入一篇文章,文章会有摘要,我们希望文章的字 符长度是我们可以控制的,我们不希望它太长,比如限制只能输入250个字符, 下面的代码实现了这种功能。
先来看一下效果图
artTx function () {
var btn = $ (this). closest (J form5). find(,: submit,),
val = $ (this). val (). length,
//是否禁用提交按钮
disabled = {
on: function () {
btn. removeAttr(' disabled,). removeClass (disabledClass);
},
off: function () {
btn. attr (' disabled,, ' disabled,). addClass (disabledClass);
}
};
if (val == 0) disabled, off ();
if (val <= maxNumber) {
if (val > 0) disabled, on();
tipWrap. html (J <span class=〃' + countClass +
,z,>\u8FD8\u80FD\u8F93\u5165 <strong>, + (maxNumber - val) + '〈/strong〉
\u4E2A\u5B57</span>,);
} else {
disabled, off ();
tipWrap. html (J <span class=〃' + countClass + ' ' + fullClass +
,z,>\u5DF2\u7ECF\u8D85\u51FA <strong>, + (val - maxNumber) + '〈/strong〉
\u4E2A\u5B57</span>,);
};
};
$ (this). bind (' keyup change,, count);
return this;
};
)) (jQuery);
// demo jQuery (function () {
//批量
$ ('・ autoTxtCount,). each (function () {
$ (this)・ find(,. text'). artTxtCount ($ (this). find(,. tips'), 140);
});
//单个
$ (' #test,). artTxtCount ($ (' #test_tips,), 10);
});
</script>
<style>
/* demo */
body (
font-size:75%;
font-family 微软雅黑';
}
ttdemo {
width:500px;
}
ttdemo , help, ttdemo . help a {
color:#999;
}
ttdemo form (
margin:20px 0;
padding:8px;
background:WF4F4F4;
border:Ipx solid ttEDED

jQuery限制输入字符串长度jquery 来自淘豆网www.taodocs.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数5
  • 收藏数0 收藏
  • 顶次数0
  • 上传人小健
  • 文件大小85 KB
  • 时间2022-05-20