textarea限制输入字符demo效果示例(整理)
2023-09-14 09:04:05 时间
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>textarea限制输入字符</title>
</head>
<body>
<textarea name='test' onkeyup='textAreaChange(this)' onkeydown='textAreaChange(this)' rows='5'></textarea>
<div class='text-right'>
<em style='color:red'>200</em>/<span>200</span>
</div>
</body>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
//显示限制输入字符method
function textAreaChange(obj){
var $this = $(obj);
var count_total = $this.next().children('span').text();
var count_input = $this.next().children('em');
var area_val = $this.val();
if(area_val.len()>count_total){
area_val = autoAddEllipsis(area_val,count_total);//根据字节截图内容
$this.val(area_val);
count_input.text(0);//显示可输入数
}else{
count_input.text(count_total - area_val.len());//显示可输入数
}
}
//得到字符串的字节长度
String.prototype.len = function(){
return this.replace(/[^\x00-\xff]/g, "xx").length;
};
/*
* 处理过长的字符串,截取并添加省略号
* 注:半角长度为1,全角长度为2
* pStr:字符串
* pLen:截取长度
* return: 截取后的字符串
*/
function autoAddEllipsis(pStr, pLen) {
var _ret = cutString(pStr, pLen);
var _cutFlag = _ret.cutflag;
var _cutStringn = _ret.cutstring;
return _cutStringn;
}
/*
* 取得指定长度的字符串
* 注:半角长度为1,全角长度为2
* pStr:字符串
* pLen:截取长度
* return: 截取后的字符串
*/
function cutString(pStr, pLen) {
// 原字符串长度
var _strLen = pStr.length;
var _tmpCode;
var _cutString;
// 默认情况下,返回的字符串是原字符串的一部分
var _cutFlag = "1";
var _lenCount = 0;
var _ret = false;
if (_strLen <= pLen/2){_cutString = pStr;_ret = true;}
if (!_ret){
for (var i = 0; i < _strLen ; i++ ){
if (isFull(pStr.charAt(i))){_lenCount += 2;}
else {_lenCount += 1;}
if (_lenCount > pLen){_cutString = pStr.substring(0, i);_ret = true;break;}
else if(_lenCount == pLen){_cutString = pStr.substring(0, i + 1);_ret = true;break;}
}
}
if (!_ret){_cutString = pStr;_ret = true;}
if (_cutString.length == _strLen){_cutFlag = "0";}
return {"cutstring":_cutString, "cutflag":_cutFlag};
}
/*
* 判断是否为全角
*
* pChar:长度为1的字符串
* return: true:全角
* false:半角
*/
function isFull (pChar){
if((pChar.charCodeAt(0) > 128)){return true;}
else{return false;}
}
</script>
</html>
相关文章
- java读取输入字符串的操作过程_java查找字符串中重复字符
- Python爬虫技术系列-05字符验证码识别
- C-统计输入字符中的字母,数字,空格
- Python read()函数:按字节(字符)读取文件
- textField限制只能输入一定长度的字符详解手机开发
- python判断unicode是否是汉字,数字,英文,或者其他字符详解编程语言
- jquery限制文本框输入字符长度详解编程语言
- JavaScript 限制文本框输入长度(支持字符限制)详解编程语言
- 判断输入的字符是否全部是中文字符详解编程语言
- 分析深入探究Linux字符设备驱动程序开发(linux字符设备驱动程序)
- Go语言字符串截取(获取字符串的某一段字符)
- Java字节流和字符流的区别及如何区分输入流和输出流
- 字符Linux 的续行字符:一种特殊的字符符号(linux续行)
- 解决MySQL数据库字符编码问题:使用UTF8函数(mysqlutf8函数)
- 集MySQL设置字符集的正确姿势(mysql设置字符)
- 新手如何快速学会Linux字符转数字(linux字符转数字)
- Shell脚本中实现将输入的字符转换为*
- 字符改变Linux中提示字符的方法(linux修改提示)
- MySQL:获取字符串长度的技巧(mysql获取字符长度)
- Linux字符命令:掌握精准操作的必备技能(linux字符命令)
- Oracle数据库如何保证中文数据准确性(oracle保存中文字符)
- Oracle中文字符检验对中文输入的信任度(oracle中文字符检验)
- 字符批量替换程序asp服务器版
- python正则式概述及常用字符
- JS控制非法字符的输入代码
- 限制字符输入数功能(jquery版和原生JS版)
- JavaScript验证用户输入的是字符或数字及ASCIIChart应用
- 检测输入的字符是否为0-9的数字(测试)
- textarea控制输入字符字节数(示例代码)
- JavaScript中统计Textarea字数并提示还能输入的字符
- C语言实现输入一个字符串后打印出该字符串中字符的所有排列