给textarea增加长度的限制

    我们知道文本框可以有一个为maxlength的属性,可以限制文本框的长度,当时备注框textarea却没有,那么要怎样限制备注框的长度呢?其实很简单,只有加上想这样一句话

就可以了,整个写法如下:

<textarea name="A" cols="45" rows="2" >aaaa</textarea>

  我们也可以将判断写在函数中,如果输入的长度超过显示,就显示提示信息,如下:
<html>
 <body>
  <form name = "testform">
   <textarea name="A" cols="45" rows="2" >aaaa</textarea>
   <input type="button" onclick = "checkValid()" value= "提交">
  </form>
 </body>
</html>
<script language="javascript">
function checkValid()
{
 var a = document.testform.A;
 
 if(a.value.length > 20)
 {
  alert("输入的备注框长度不能超过20个字符!");
  return false;
 }
 return true;
}

时间: 2024-10-29 07:34:33

给textarea增加长度的限制的相关文章

jQuery textarea的长度进行验证_jquery

扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证. 1.jQuery 对textarea 长度进行验证的插件 复制代码 代码如下: //对textarea 长度进行验证 jQuery.fn.checkLength = function(parameters) { defaults = { min: 0 , max: 5 } jQuery.extend(defaults, parameters); // 当前textarea

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

复制代码 代码如下: <html> <body> <textarea id="t"></textarea> <input type="text" id="b2" /> <script type="text/javascript"> textAreaLimit("t",{lastMsgLabel:"b2"}) func

基于JS实现textarea中获取动态剩余字数的方法_javascript技巧

案例介绍:我们常见到有的网站有textarea文本框,当你输入的时候,下面有文字提示还能输入多少个字,今天就是要实现这个功能.当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的进行封装一下.当然我的封装还有缺漏,但是基本功能是实现了. 首先介绍下单个textarea实现案例 html部分: <textarea id="text_txt1"></textarea> <span id ="num_txt1&qu

TextArea设置MaxLength属性最大输入值的js代码_javascript技巧

标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<input type="text" maxlength="20">, 那么在TEXTAREA中怎么实现输入内容不能超过多少个字符呢. 方法1.如果只需要截取多少个字符

JS限制Textarea文本域字符个数

<html> <head> <title>JS限制Textarea文本域字符个数</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT LANGUAGE="JavaScript"> <!--// function textCounter(field,

java.awt.TextArea 中多行文本 设置鼠标右击的监听 确定是第几行 被右击

问题描述 我的TextArea是通过setText()把文本放进去,而文本是通过n进行换行的,现在我是想把某一行的文本 设置右击监听进行删除 对应行的文本,但是不知道如何确定是右击的哪一行. 请指点,谢谢. 解决方案 可以这样做:TextArea ta = new TextArea("Hello", 5, 40);//对TextArea增加鼠标事件监听ta.addMouseListener(new MouseListener(){public void mouseClicked(Mou

JS简单限制textarea内输入字符数量的方法_javascript技巧

本文实例讲述了JS简单限制textarea内输入字符数量的方法.分享给大家供大家参考.具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取. 代码如下: <script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //将汉字替换为两个空格 return value.length; } function leftUTFString

JQuery为textarea添加maxlength属性的代码_jquery

通过JQuery的keyup事件: 复制代码 代码如下: <html> <head> <title>JQuery为textarea添加maxlength</title> <script type="text/javascript" src="jquery-1.4.js"></script> </head> <body> <textarea style="w

js一些小技巧 3

js一些小技巧 1. (1)同时按Ctrl+Enter提交本表单 在多行文本域增加onkeydown 事件 <form id="formNews_reply" class="bbs-send-form form" onsubmit="return news.add_newsReply(this);"> <fieldset class="inputs"> <label for="comme