使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数

输入框

输入框

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title></title><script>function getStringUTFLength(str) {var value = str.replace(/[^\x00-\xff]/g, "  ");return value.length;}function leftUTFString(str, len) {if (getStringUTFLength(str) <= len)return str;var value = str.substring(0, len);while (getStringUTFLength(value) > len) {value = value.substring(0, value.length - 1);}return value;}function count() {var value = document.getElementById("licenseother").value;value = value.replace(/[\u4e00-\u9fa5]/g, "  ");//alert(value.length);if (value.length >= 255) {with (window.event) {cancelBubble = true;keyCode = 0;returnValue = false;}document.getElementById("licenseother").value = leftUTFString(document.getElementById("licenseother").value, 8);}document.getElementById("result").value = 255 - getStringUTFLength(document.getElementById("licenseother").value);}</script>
</head>
<body>
<table width="100%"><tr><td>本输入框限制输入255个字符(汉字计算为2个字符：)</td></tr><tr><td><textarea cols=80 rows=3 wrap="virtual" id="licenseother" onkeypress="count()" onkeyup="count()"onblur="count();" onChange="count();"></textarea></td></tr><tr><td>剩余字符数：<input type="text" size="3" id="result" value="255"></td></tr>
</table>
</body>
</html>

使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数相关推荐

限制Textarea文本域内容的长度
通过charCodeAt()函数获取字符的Unicode值,根据Unicode值得范围判断字符串中是否包含中文符,包含temp+2,不包含temp+1: 在body标签的onload加载事件中调用Ja ...
div模拟textarea文本域轻松实现高度自适应——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=1362 一.关于t ...
表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
限制textarea文本域中输入字符个数（防粘贴）
通常我们需要对用户文本输入进行字符数量上的限制,对于<input type="text" value="" />文本输入域,我们可以通过maxlen ...
php设置文本框高度,怎样让textarea文本域宽度和高度width及height自动适应
这次给大家带来怎样让textarea文本域宽度和高度width及height自动适应,让textarea文本域宽度和高度width及height自动适应的注意事项有哪些,下面就是实战案例,一起来看一下 ...
关于模拟文本域iview textarea文本域:autosize=quot;{minRows: 3,maxRows: 7}quot;这个属性的好处
具体写法:<Input v-model="value" type="textarea" :autosize="{minRows: 3,maxRo ...
【多个IP地址用逗号分割开】vue简单实现，textarea文本域输入多个ip地址用逗号分隔开，根据空格分割
前言这个功能也是很多地方会用到的. 一般使用的地方是比如需要设置白名单或者黑名单然后页面上会有一个textarea文本域. 在文本域中输入多个ip地址,输入一个回车换一行. 然后点击保存后,把数据 ...
html textarea文本域高度自适应
1.可直接在菜鸟教程网站测试页面中测试 <!DOCTYPE html> <html> <head><meta charset="utf-8&quo ...
控制textarea文本长度,并限制输入字数(带统计显示)的特效
[img]http://dl.iteye.com/upload/picture/pic/117207/bc916eb2-7b1c-30a6-a3d2-8bdad5ef6da9.gif[/img] 特效 ...
自适应textarea文本域高度原理
自适应文本域高度原理.什么是自适应文本域高度?可能名字叫的不是很容易理解,这里解释下,就是一个文本域输入框的高度会跟随内容高度变化而刚好就是文本高度.这就是自适应文本域高度文本域的标签通常就是 te ...

使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数

使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数

输入框

使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数相关推荐

最新文章

热门文章