js输入框字数限制
精贴
置顶
2684
0
一般在前台页面会对文本框的字数要做限制，一种方法是提示超出多少个字，不让保存对文本；还有一种是自动截取，但是自动截取对于键盘操作是没有问题的，对于鼠标的复制粘帖会有一些问题。下面看下代码：
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="jquery-1.4.3.min.js"></script> <script type="text/javascript" src="common.js"></script>
<!-- 有用代码开始 -->
<!--//输入框输入长度限制改进2，此方法绑定在input,textarea的onfocus事件上，参数分别人：this, maxlength,显示剩余字数的span的id.-->
<textarea id="textarea_catch_ask" onfocus="fed_inputMaxLength(this,200,'catchask_con_counter_num')" style="width:300px;height:300px" ></textarea>
<div class="textarea_con_counter">还能输入<strong id="catchask_con_counter_num">200</strong>字</div>
<!--有用代码结束-->
</body>
<body>
<!-- 有用代码开始 -->
<!--//输入框输入长度限制改进2，此方法绑定在input,textarea的onfocus事件上，参数分别人：this, maxlength,显示剩余字数的span的id.-->
<textarea id="textarea_catch_ask" onfocus="fed_inputMaxLength(this,200,'catchask_con_counter_num')" style="width:300px;height:300px" ></textarea>
<div class="textarea_con_counter">还能输入<strong id="catchask_con_counter_num">200</strong>字</div>
<!--有用代码结束-->
</body>common.js的代码：
function fed_inputMaxLength(target,maxlength,counterId){
if($(target).attr('fed_max_length')==null){
$(target).attr('fed_max_length',maxlength);
var counter = $('#'+counterId);
if ($.browser.msie) { //IE浏览器
$(target).unbind("propertychange").bind("propertychange", function(e) {
e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
});
target.attachEvent("onpropertychange", function(e) {
//e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
});
}else { //ff浏览器
target.addEventListener("input",function(e) {
e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
},false);
}
$('target').unbind("keypress").bind("keypress", function(event) {
var code;
if(typeof event.charCode =="number" ){ //charCode只在keypress事件后才包含值，此时keyCode可能有值也可能没有，Ie没有charCode属性。
code = event.charCode;
}else{
code = event.keyCode;
}
if(code > 9 && !event.ctrlKey && $(target).val().length>=maxlength){
event.preventDefault();
}else if(event.ctrlKey && $(target).val().length>=maxlength && code==118){
event.preventDefault();
}
});
}
}
function textareaMaxProc1(textArea, total){
var max;
max=total;
if($(textArea).val().length > max){
$(textArea).val($(textArea).val().substring(0,max));
}
}
今日天气
···
···
···
···
近一月回答榜 - TOP 12
wuxuxiao
钻石VIP
qwe2466985
超级会员
yu_rebecca
黄金会员
wuxiao2882
青铜会员
a448155162
普通会员
messi
普通会员
85xinxi
普通会员
fushang369
普通会员
wawa512com
普通会员
zhuangjunhua
普通会员
ucase
普通会员
xuchunyun
普通会员
博客标签
- 热门排行
- CSS cursor鼠标样式一览表 2012-06-25
- .NET后台写JS代码 2011-11-03
- 网站地址多出jdfwkey的问题解析及... 2010-08-25
- 数据库xxx的日志已满,请备份该数... 2013-07-19
- 百度、google、Yahoo网站地图制作... 2011-01-30
- <a>标签的伪类书写顺序问题... 2010-09-04
- 什么是长尾关键词？ 2010-09-24
- CEO名言 2010-08-31
- Mysql 主从数据库同步 2010-09-12
- 用ASP实现网页BBS 2010-11-01
- 博主推荐
- 本个人博客微信公众平台上线啦~~... 2013-10-13
- 饼哥网络互联上线啦~~要买域名空... 2013-09-20
- 网站title标题如何正确修改不会被... 2013-08-26
- 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24
- ASP .NET MYSQL 的简单分页 并不... 2013-08-19
- 网站有弹窗广告这样的站点，百度... 2013-08-17
- 做淘宝SEO优化需要注意的8大问题 2013-08-17
- 淘宝网怎么做SEO优化 2013-08-17
- 站长们要学习的“苍井空精神” 2013-08-17
- 苹果公司今日发布了iOS 7第五个开... 2013-08-07
- 随便看看
- win2003设置大全 2012-07-26
- Java编程技巧：提取汉字拼音首字... 2013-06-26
- ie6 bug & 解决技巧 2010-10-14
- 常用电脑快捷键大全 2010-09-09
- 一道趣味编程题..... c++/c 2013-06-21
- C#正则表达式小结 2011-01-08
- 针对奇虎360的SEO优化排名说点什... 2013-07-13
- ie6下line-height属性失效与解决... 2010-09-02
- 手工注入PHP+MySQL语句大全分享 2010-12-08
- Java实现的stack pop方法小细节 2013-06-24
- RSS新闻
- 传媒新闻
- CSDN
- 八卦新闻
- 女性新闻
- 台湾新闻
- 互联网
- 军事-新浪博客
- IT-新浪博客
- 汽车新闻
- 游戏新闻
- 国际新闻
- 国内新闻
- 体育新闻
- 我的微博