`
zhouchaofei2010
  • 浏览: 1106919 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

textarea长度限制

 
阅读更多

 onpropertychange可以用来判断预定元素的value值,当元素的value值发生变化时判断事件就会被触发,仅关心被监测元素的value值,避开了输入的来源,从而可以比较理想地达成我们的限制字数这一目的。它属于JS范畴,可以在表单方框区代表中嵌套使用,以下是代码和效果样式,可以像上面那样测试输入,你会发现它真正达到目的:不管用什么方式输入,它只能输入100个字(汉字或其他小解符号):

  代码:
  <textarea onpropertychange="if(value.length>100) value=value.substr(0,100)" class="smallArea" cols="60" name="txta" rows="8"></textarea>
  样式:
  当然,为了更为保险,处理表单数据的后台脚本程序还应该对提交来的数据进行再一次的检测,如果字数超出预设的数量则进行相应处理,这样才达到真正限制字数的目的。
 
在struts2 标签<s:textarea>,无法直接加 onpropertychange属性事件,可在jqury中绑定

 

 

 

$("#comContext").bind("propertychange", function() { 
 if($(this).val().length>10){
         $(this).val($(this).val().substr(0,10));
       }
}); 

 

http://hi.baidu.com/java_workplace/blog/item/03e2910be2003921e824887f.html

分享到:
评论

相关推荐

    textarea长度控制

    ### Textarea长度控制详解 #### 一、简介 在网页开发过程中,经常需要对用户输入的数据进行限制,特别是在文本域(`textarea`)中的输入,为了确保数据的有效性和减轻服务器负担,通常会设置一个最大输入长度。...

    Textarea限制输入文本长度

    &lt;title&gt;Textarea长度限制示例 &lt;textarea id="message" onkeydown="limitLength('message')" rows="4" cols="50"&gt;&lt;/textarea&gt; 剩余字符数: 160 function limitLength(obj_id) { var value = document....

    textarea限制长度插件

    通过这种方式,我们可以轻松地在网站上实现对textarea输入的字符长度限制,提高用户体验并确保数据的一致性。 总的来说,"textarea限制长度插件"是jQuery生态系统中一个实用的工具,它使得限制textarea字符数变得...

    textarea限制长度

    引入这个文件$("#id").maxLength(9999);就能用了!

    控制textarea文本长度,并限制输入字数(带统计显示)

    本文将深入探讨如何实现对`textarea`文本长度的控制,并实时显示输入字数的统计。 首先,我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言,可以在用户与网页交互时执行,提供动态...

    js限制textarea每行输入字符串长度的代码.docx

    在JavaScript中,对`textarea`元素进行输入字符串长度限制是一个常见的需求,特别是在处理用户输入时,需要确保数据格式的正确性。在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...

    textarea输入限制方法

    本文将详细介绍如何通过JavaScript实现`textarea`的输入长度限制,包括如何设置最大输入长度、如何阻止超出长度的输入、如何限制复制粘贴及鼠标拖放等操作。 #### 一、基础知识介绍 1. **`textarea`标签**:HTML中...

    jquery对textarea的长度进行验证

    要实现对textarea长度的验证,我们首先需要在HTML中引入jQuery和`jquery.validate.js`库,以及相关的CSS样式文件,确保页面可以正确解析和执行验证逻辑。 接下来,我们需要创建一个textarea元素,并为其添加一个...

    angularjs实现textarea文本输入字数限制功能

    在这个自定义指令中,我们首先从`ng-maxlength`属性中获取最大长度限制,然后通过`$validators`对象添加一个验证器。当输入的文本长度超过限制时,验证器返回`false`,表示输入无效,Angular会阻止用户继续输入。 ...

    JS判断大全

    1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、...

    js实现textarea限制输入字数

    实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...

    JS TextArea字符串长度限制代码集合

    本篇文章提供了一种针对JavaScript环境下TextArea文本域字符串长度限制的方法,并着重解决了一个特定问题:在Internet Explorer(IE)浏览器中,当用户输入日语和全角字符时出现的BUG。 该方法中,提出了一个名为...

    控制textarea文本长度,限制输入字数(带统计)的特效

    控制textarea文本长度,限制输入字数(带统计)的特效! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    jQuery textarea文本框输入文字字数限制提示代码.zip

    js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。

    jQuery 文本框字符限制插件 Textarea

    在网页设计中,有时我们需要对用户的输入进行控制,例如限制评论长度、留言字数或者表单字段的最大字符数。jQuery的Textarea字符限制插件就是为此目的而设计的,它可以实时显示用户当前输入的字符数,并在达到预设...

    javascript textarea字数限制

    textarea字数限制 练习代码多有参考网络 by ahuinan [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面的这段代码,直接计算文档的长度 input 字数限制 [Ctrl+A 全选 注:如需引入外部Js需刷新才能...

    js表单验证大全.txt

    **1.5 textarea长度限制** - **目的**:对多行文本输入框(textarea)进行字符数量的限制。 - **实现方法**:利用`onkeyup`事件监听输入,判断并给出提示。 - 示例代码片段: ```javascript function ...

    jQuery textarea文本框输入文字字数限制提示代码

    本示例中,我们将探讨如何使用jQuery实现textarea文本框的字数限制功能,并实时提示用户输入的字符数量。 首先,让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口,提供了一种简洁的方式来选择DOM元素、...

    textarea.7z

    在这样的背景下,`textarea` 的字数限制功能显得尤为重要。 在`jQuery`(JQ)这个流行的JavaScript库的帮助下,我们可以方便地实现`textarea`的字数限制功能。`jQuery`提供了强大的选择器、事件处理和DOM操作功能,...

Global site tag (gtag.js) - Google Analytics