java 限制文本框长度_[Java教程]如何限制textarea文本框的输入字数

[Java教程]如何限制textarea文本框的输入字数

0 2015-12-24 15:00:10

如何限制textarea文本框的输入字数:

在实际应用中,往往需要限制文本框的输入字数的长度,下面就通过一段代码实例简单介绍一下如何实现此功能。

代码实例如下:

如何限制文本框的输入长度

以上代码实现了我们的需要,可以将输入文本的长度限制为10,无论是键盘输入还是复制黏贴都可以实现限制,下面就简单介绍一下实现过程。

一.实现原理:

当用键盘输入的时候,通过为keyup事件绑定事件处理函数,然后通过此函数判断当键盘按键弹起时当前文本框的文本长度是否超出了指定值,如果超出举截取,否则保持原长度。当使用复制黏贴的时候,通过判断当文本框失去焦点时文本框的文本长度是否超出指定值,入股超出就自动截取。

二.代码注释:

1.$(function(){ },文档结构完全加载完毕再去执行函数中的代码。

2.$("textarea[maxlength]").keyup(function(){},为具有maxlength属性的textarea文本框注册keyup事件处理函数。

3.var area=$(this),将当前对象转换成jquery对象。

4.var max=parseInt(area.attr("maxlength"),10),获取输入长度的最大值。可以参阅JavaScript的parseInt()函数一章节。

5.area.val(area.val().substr(0,max)),截取字符串,可以参阅JavaScript的String对象的substr()方法一章节。

下面的代码大同小异就不介绍了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值