如何限制表单textarea的文字输入量
时间：2007-10-06 22:41:00
一般情况下TextArea区输入的文字数量是没有限制的，但是我们可以通过javascript限制表单的文字字数。
如下javascript代码加入html的<head>...</head>之间：
<SCRIPT LANGUAGE="JavaScript">
<!--//
function textCounter(field, countfield, maxlimit) {
// 定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制；
if (field.value.length > maxlimit)
//如果元素区字符数大于最大字符数，按照最大字符数截断；
field.value = field.value.substring(0, maxlimit);
else
//在记数区文本框内显示剩余的字符数；
countfield.value = maxlimit - field.value.length;
}
//-->
</SCRIPT>
如下是表单：
<form name=myform action="">
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);">
</textarea>
<br>
尚能输入
<input readonly type=text name=remLen size=4 maxlength=3 value="125">
个字符</div>
</form>
标签：表单,textarea,限制
0
投稿猜你喜欢
HTML5 JS压缩图片并获取图片BASE64编码上传
2024-04-17 10:25:44
HeidiSQL工具导出导入MySQL数据
2024-01-19 23:00:32
python调用staf自动化框架的方法
2021-11-03 17:47:43
在python里使用await关键字来等另外一个协程的实例
2021-03-01 19:10:16
Flask框架学习笔记之消息提示与异常处理操作详解
2021-05-17 15:03:02
go语言睡眠排序算法实例分析
2023-07-15 17:42:56
python自动化测试之破解滑动验证码
2023-12-01 09:36:25
python之pymysql模块简单应用示例代码
2024-01-22 00:22:45
vue3.0语法糖内的defineProps及defineEmits解析
2024-05-09 09:25:43
Python使用captcha库制作带参数输入验证码案例
2022-01-25 20:26:03
vue实现添加标签demo示例代码
2024-05-21 10:14:49
C#操作SQLite数据库之读写数据库的方法
2024-01-27 21:46:33
python自制简易mysql连接池的实现示例
2023-04-14 20:23:55
快速掌握ASP+Access数据库的18条安全法则
2008-11-28 15:08:00
web2.0中流行的设计元素:颜色
2007-12-10 12:16:00
python requests 库请求带有文件参数的接口实例
2022-04-23 09:12:10
MySQL的Data_ADD函数与日期格式化函数说明
2024-01-17 21:52:46
phpmyadmin报错：#2003 无法登录 MySQL服务器的解决方法
2023-11-19 20:38:45
使用python进行文本预处理和提取特征的实例
2022-07-13 21:25:47
详解python--模拟轮盘抽奖游戏
2023-07-25 15:35:14
