JS限制Textarea文本域字符个数的具体实现
<head>
<title>JS限制Textarea文本域字符个数</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<SCRIPT LANGUAGE="JavaScript">
<!--//
function textCounter(field, countfield, maxlimit) {
// 函数,3个参数,表单名字,表单域元素名,限制字符;
if (field.value.length > maxlimit)
//如果元素区字符数大于最大字符数,按照最大字符数截断;
fieldfield.value = field.value.substring(0, maxlimit);
else
//在记数区文本框内显示剩余的字符数;
countfield.value = maxlimit - field.value.length;
}
-->
</SCRIPT>
</head>
<body>
<form name=myform action="">
<textarea name="message" cols="28" rows="5" onKeyDown="textCounter(message,remLen,6);" onKeyUp=
"textCounter(message,remLen,6);"></textarea>
您还可以输入:<input name="remLen" type="text" value="6" size="5" readonly="readonly">个字符
</form>
</body>
</html>
相关推荐
-
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
本文实例讲述了JavaScript实现点击单选按钮改变输入框中文本域内容的方法.分享给大家供大家参考.具体如下: 这里实现点击单选按钮改变输入框中文本域内容的方法,是一个JavaScript 的简单应用,可以减少用户的输入,提升用户操作易用性,它类似一个TAB选项卡一样的功能,并可以完成后提交表单,值得学习. 运行效果截图如下: 具体代码如下: <html> <head> <title>JavaScript点击单选框改变输入框内容</title> </
-
JavaScript 文本域字体大小选择功能
文本框字体选择 选择字体 for (i=9;i"+i+"pt字体\n");} function NYSfont() {if((fontslt.selectedIndex!=-1) && (fontslt.selectedIndex!=0)){readcontent.style.fontSize=fontslt.options[fontslt.selectedIndex].value;}} 这里的字体会跟着你的选择而变化 [Ctrl+A 全选 注:如需引入外部J
-
用js设置下拉框为只读的小技巧
在项目开发过程中我们时常会碰到要设置下拉框为只读(readonly),但是可惜的是select没有只读属性,所以需要在select外面包含一个span,通过js来改变. 下面这段html代码是在struts2的下拉标签中加入了span标签,在页面装载的时候就让下拉框变成不可读. 复制代码 代码如下: <body onload="init()"> <span id="id_select"> <s:select name="sjd
-
JS替换文本域内的回车示例
复制代码 代码如下: <html> <head> <title>无标题文档</title> <script type="text/javascript"> function aa() { s=form1.t1.value; s=s.replace(//n|/r/g,"");// 加上g是全局替换,不加只替换第一个 是回车.是换行符 form1.t1.value=s; } </script> &l
-
javascript实现文本域写入字符时限定字数
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
JS清空多文本框、文本域示例代码
点击按钮用Javascript清空页面上所有的文本框|文本域,代码如下: 复制代码 代码如下: <script type="text/javascript"> <!-- function cls(){ var sum=0; var t = document.getElementsByTagName("INPUT"); for (var i=0; i <t.length;i++){ if (t[i].type=='text'){ ++sum;
-
计算文本域剩佘长度的js代码
JS 计算文本域剩余字数 function displaySpareNumber(_this,size) { var spareNumber=document.getElementById("spareNumber"); //汉字长度 var len=_this.value.replace(/[^\x00-\xff]/gi,'xx').length; var snum=parseInt(size)-len; spareNumber.value=snum; if(snum(size/2)
-
js 禁用只读文本框获得焦点时的退格键
有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面,这个问题就有点烦恼了,用户又不清楚可不可以输入,他如果看到文本框想去改里面的东西,按一下,有可能前面所有填写的数据就会丢失.故此写了个方法,供大伙有需要时放入<script></script>,保管你称心如意. 复制代码 代码如下: document.documentElement.onkeydown = function(evt){ v
-
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
原理就是循环获取网页上的控件,然后设置disabled 属性为true. 代码如下: 复制代码 代码如下: <script type="text/javascript"> var nodeList = document.getElementsByTagName("input"); for (var i = 0; i < nodeList.length; i++) { nodeList[i].disabled = true;
-
js控制input框只读实现示例
复制代码 代码如下: <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content="
-
JS控制文本域只读或可写属性的方法
本文实例讲述了JS控制文本域只读或可写属性的方法.分享给大家供大家参考,具体如下: <input id="username" name="userneme" type="text" style="width:50px" size=106> 密码:<input id="userpwd" type="text" name="userpwd" size=1
随机推荐
- SQL中字符串中包含字符的判断方法
- Java Web项目中使用Socket通信多线程、长连接的方法
- TreeSet详解和使用示例_动力节点Java学院整理
- js实现的美女瀑布流效果代码
- 全面解析Bootstrap中scrollspy(滚动监听)的使用方法
- phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
- Android中引用其他程序的文本资源超简单方法
- Jquery实现鼠标移上弹出提示框、移出消失思路及代码
- SQL编程之子查询及注意事项
- 详解获取jq ul第一个li定位的四种解决方案
- Windows10中的IIS10安装php manager的方法
- 浅谈Java转义符\\|
- 详解Spring Boot 集成Shiro和CAS
- jQuery实现圣诞节礼物动画案例解析
- Android编程自定义线程池与用法示例
- android studio 3.0 service项目背景音乐实现
- 简单了解python代码优化小技巧
- django中账号密码验证登陆功能的实现方法
- python实现代码统计程序
- java8传函数方法图文详解