js输入框字数限制
精贴
置顶
3049
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
普通会员
博客标签
- 热门排行
- 用ASP实现网页BBS 2010-11-01
- 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
- 博主推荐
- 本个人博客微信公众平台上线啦~~... 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
- 随便看看
- Xcode 调试器 （debugger）无法定... 2013-06-21
- ASP.NET日历控件 2010-09-09
- 让你电脑C盘快起来,揪出占据硬盘... 2010-09-07
- 如何才能练就出泷泽萝拉的丰满胸... 2013-08-17
- robots.txt 2010-10-03
- Asp中如何设计跨越域的Cookie 2010-10-25
- nofollow属性的介绍和使用 2010-09-08
- 各类数值型数据间的混合运算 2010-10-16
- 关于ASP.NET中Request.QueryStri... 2010-09-11
- 讲讲我关掉一个克隆网站的亲自经... 2013-07-21
- RSS新闻
- 传媒新闻
- CSDN
- 八卦新闻
- 女性新闻
- 台湾新闻
- 互联网
- 军事-新浪博客
- IT-新浪博客
- 汽车新闻
- 游戏新闻
- 国际新闻
- 国内新闻
- 体育新闻
- 我的微博