快速搜索
[登录]
[注册]
搜索
OPK网站首页
标签
帮助
OPK 偶匹克论坛
»
站务事务管理处
»
站务管理中心
»
如何限制文本域textarea的字数
如何限制文本域textarea的字数
[
2404
查看 /
2
回复 ]
返回列表
发送短消息
UID
1
精华
13
查看公共资料
搜索帖子
admin
admin
组别
管理员
帖子
113
积分
191
性别
注册时间
2008-07-31
admin
2008-08-31 17:02
|
只看楼主
1
#
字体大小:
t
T
可以在网上找到类似上述的其他JS脚本,它们不管多么优秀,其原理都是一样的,通过对keydown、keyup或keypress之类的键盘键位操作事件来监控文本区的输入,无法防止鼠标右键的粘贴,为此,如果一定要真正地限制textarea的字数,我们还得为网页加另一把锁——禁用鼠标右键,这无疑得付出额外的开销,同时也可能是网页制作者不一定愿意做的。其实,还有一个更简单的方法,使用onpropertychange属性。onpropertychange可以用来判断预定元素的value值,当元素的value值发生变化时判断事件就会被触发,仅关心被监测元素的value值,避开了输入的来源,从而可以比较理想地达成我们的限制字数这一目的。它属于JS范畴,可以在表单方框区代表中嵌套使用,以下是代码和效果样式,可以像上面那样测试输入,你会发现它真正达到目的:不管用什么方式输入,它只能输入100个字(汉字或其他小解符号): 代码: <textarea class="smallArea" cols="60" name="txta" rows="8"></textarea> 当然,为了更为保险,处理表单数据的后台脚本程序还应该对提交来的数据进行再一次的检测,如果字数超出预设的数量则进行相应处理,这样才达到真正限制字数的目的。
分享
转发
TOP
发送短消息
UID
1
精华
13
查看公共资料
搜索帖子
admin
admin
组别
管理员
帖子
113
积分
191
性别
注册时间
2008-07-31
admin
2008-08-31 17:07
|
只看楼主
2
#
字体大小:
t
T
onpropertychange="if(value.length>10) value=value.substr(0,10)"
TOP
发送短消息
UID
293
精华
0
查看公共资料
搜索帖子
piaqf655
组别
注册会员
帖子
57
积分
58
性别
注册时间
2009-02-25
piaqf655
2009-03-20 12:16
|
只看该用户
3
#
字体大小:
t
T
顶顶好了
EMS快递查询网
,
申通小助手
TOP
返回列表
上一主题
|
下一主题
发新主题
帖子标题
作者
版块
我的资料