js 控制<input type=textarea/>输入字数限制

<!DOCTYPE html>
<html> 
   <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) 
   //如果元素区字符数大于最大字符数，按照最大字符数截断； 
   field.value = field.value.substring(0, maxlimit), 
   countfield.value=0;
   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,10);" onKeyUp="textCounter(message,remLen,10);"></textarea> 
        您还可以输入:<input name="remLen" type="text" value="10" size="5" readonly="readonly">个字符 
    </form> 
   </body> 
   </html>

时间： 2024-10-17 19:28:25

js 控制<input type=textarea/>输入字数限制的相关文章

JS控制文本框textarea输入字数限制的方法

<html> <head runat="server"> <title></title> <script type="text/javascript"> var maxstrlen = 160; function Q(s) { return document.getElementById(s); } function checkWord(c) { len = maxstrlen; var str = c.v

JS控制文本框textarea输入字数限制

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

JS控制input只允许输入的各种指定内容

1.只允许输入数字 ? 1 <input name="username" type="text" onkeyup="value=this.value.replace(/\D+/g,'')"> 2.只允许输入英文字母.数字和下划线(以下二种方法实现) ? 1 2 <input name="username" type="text" style="ime-mode:disabled&

javascript控制input只允许输入数字

好多时候我们是希望能设置input只能输入数字:比如说商城选择商品数量:比如说手机号等等: 看了下京东和天猫: 天猫选择商品数量是只能输入数字:而且数量不能小于1: 反观京东:连中文都是可以输入的:不得不说:细节上做的比天猫差远了: 当然重点不是要来吐槽:下面就是用Js控制input只允许输入数字的代码:在用到的时候可以直接拿走:不用谢: 代码如下: 此input只允许输入0-9的数字:<input onkeyup="if(event.keyCode !=37 && eve

textarea文本域字数控制---并显示已输入字数

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="

使用 onpropertychange 和 oninput 检测 input、textarea输入改变

检测input.textarea输入改变事件有以下几种: 1.onkeyup/onkeydown 捕获用户键盘输入事件. 缺陷:复制粘贴时无法检测 2.onchenge 缺陷:要满足触发条件:当前对象的属性改变(由键盘或鼠标触发)且对象失去焦点 3.onpropertychange 当前对象属性改变就会触发 缺陷:只支持低版本IE 4.oninput 和onpropertychange类似,当前对象属性改变就会触发 缺陷:不支持低版本IE 可以看出以上几种方法都有各自的缺陷,1和2一般不能满足需

同时绑定onpropertychange 和 oninput 事件，实时检测 input、textarea输入改变事件，支持低版本IE，支持复制粘贴

实时检测 input.textarea输入改变事件,支持低版本IE,支持复制粘贴 检测input.textarea输入改变事件有以下几种: 1.onkeyup/onkeydown 捕获用户键盘输入事件. 缺陷:复制粘贴时无法检测 2.onchenge 缺陷:要满足触发条件:当前对象的属性改变(由键盘或鼠标触发)且对象失去焦点 3.onpropertychange 当前对象属性改变就会触发 缺陷:只支持低版本IE 4.oninput 和onpropertychange类似,当前对象属性改变就会触发

Js控制文本框只能输入中文、英文、数字与指定特殊符号

JS 控制文本框只能输入数字<input onkeyup="value=value.replace(/[^0-9]/g,'')"onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')"> JS 控制文本框只能输入数字.小数点<inputonkeyup="value=value.replac

js 实现 input type=&quot;file&quot; 文件上传示例代码

在开发中,文件上传必不可少但是它长得又丑.浏览的字样不能换,一般会让其隐藏点其他的标签(图片等)来时实现选择文件上传功能 在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能. 看代码: 代码如下: <!DOCTYPE html> <html x