导航:首页 > 编程语言 > jstextarea判断长度

jstextarea判断长度

 发布时间：2023-01-31 13:50:06

⑴ 如何限制textarea标签文本长度

方法1：使用maxlength属性

<textarea id="mess-input" type="text" name="message" maxlength="10"></textarea><br>
使用maxlength即可限制最大字符数，但该属性不兼容IE8，所以考虑用下面的办法。

方法2：js实现-达到最大长度后禁用键盘输入

window.onload = function()
{
document.getElementById('text1').onkeydown = function()
{
if(this.value.length >= 10)
event.returnValue = false;
}
}

上述代码在textarea值长度超过10时，禁用键盘输入。但该方法在firefox17浏览器中不兼容，且有两个bug。

1.长度达到最大以后，由于屏蔽键盘动作，已输入的文本内容无法删除和编辑。

2.如果使用ctrl+v直接粘贴入一段长度超限的文本，则该方法无效。

方法3：js实现-用substr方法截取textarea前端若干字内容

function limitLength(obj, length) {
var desc = obj.value;
obj.value = substr(obj.value, length);
}
function substr(str, length) {
var l = 0, i = 0;
while (l < length && i < str.length) {
l += 1;
if (str.substring(i, i + 1).match(/[\u4e00-\u9fa5]/)) l += 2;
i += 1;
}
return str.substring(0, i);
}

该方法监测文本框输入，当超出最大长度时，从前面截取最大长度个字节放入文本框中。该方法在各浏览器中均支持，且无方法2中的各种问题。

以上就是限制<textarea>标签最大字符数的3种方法，如果需要分别限制中英文字符数的话，在js代码前加一段正则表达式匹配，并分别做限制即可。

中文及字符正则表达式： /[^ -~]+/g

ASCII码正则表达式： /\D+/g

⑵ textarea长度验证

一般验证方法都是获取到 textarea 然后判断它的字符串长度，这样确实是可以验证的，但是它有一个问题就是，如果用户是用鼠标右击复制粘贴的，就没有办法进行判断了，但是上面的方法可以解决这个问题。

参考文章

⑶ angularjs如何获取表单textarea的value的length

可直接通过$scope.test拿到textarea的value，然后length判断长度。

⑷ js控制textarea宽度问题

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<title>testjQuery</title>
<style>
textarea{width:300px;}
</style>
<script>
onresize = function ()
{
var w = screen.availWidth, h = screen.availHeight;
var area = document.getElementById("area");
area.style.width = w < h ? '200px' : '600px';
};
</script>
</head>
<body>
<textarea id="area">11</textarea>
</body>
</html>

⑸ jquery判断文本域长度


<divid="result">您还可以输入100字</div>
<textareaname="content"id="content"cols="80"rows="5"></textarea><br/>
<inputtype="button"name="btn"value="提交"id="btn"/>

<script>
$(document).ready(function(){
$("#content").keyup(function(){
varlength=100;
varcontent_len=$("#content").val().length;
varin_len=length-content_len;

//当用户输入的字数大于制定的数时，让提交按钮失效
//小于制定的字数，就可以提交
if(in_len>=0){
$("#result").html('您还可以输入'+in_len+'字');
$("#btn").attr("disabled",false);
//可以继续执行其他操作
}else{
$("#result").html('您还可以输入'+in_len+'字');
$("#btn").attr("disabled",true);
returnfalse;
}

});
});

</script>

⑹ javascript判断文本框长度

代码如下
function countChar(textareaID,spanID,maxNum)
{
//得到输入的字符的长度
var NowNum = document.getElementById(textareaID).value.length;
//判断输入的长度是否超过规定的长度
if(NowNum>maxNum)
{
//如果超过就截取规定长度的内容
document.getElementById(textareaID).value = document.getElementById(textareaID).value.substring(0,maxNum);
}
else
{
//得到当前的输入长度并且显示在页面上
document.getElementById(spanID).innerHTML = NowNum;
}
}
//得到当前的输入长度并且显示在页面上
function SetLength(textareaID,spanID)
{
var NowNum = document.getElementById(textareaID).value.length;

document.getElementById(spanID).innerHTML = NowNum;
}

function PageInit()
{
SetLength('txtF_Content','counter');
}
实现效果：

⑺ 在JavaScript中如何用正则表达式判断<textarea>内容</textarea>中的内容可以是任意字符

<textarea onkeydown="if(this.value.length>=72){alert('最多输入72个字\n\r你已经输入了72个字');return false;}"></textarea>

前面2位的代码写得不是很人性化
兄弟 你既然要求包括专数字、汉字、英文字母、各种标属点符号,所有的字符,那就跟正则没有任何联系了,建议你去学习一下 正则表达式的作用 正则是用来匹配的,需要匹配一些条件的时候才有用,例如匹配textarea里用户输入了几个大写字母几个小写字母 几个逗号,几个句号

下面是正则的描述

⑻ js 统计多文本框textarea中的不超过oracle中规定的100长度，怎么写急急

长度跟一个汉字占几个字节没关系吧！？如果oracle规定是100的长度，那就可以输入100个汉字啊。
JavaScript限制：
1、获取textarea这个元素：var taEle = document.getElementById("textarea的id属性");
2、获取长度：var length = taEle.value.length;
3、判断：if (length === 0 || length > 100) {
alert("输入内容长度为1-100");
return;
}

⑼ 怎要用JS获取textarea的长度和值

<textarea name="ta" id="ta" onchange="if(this.value.length>2000){this.value=this.value.substring(0,2000);return false;}"></textarea>

⑽ js校验textarea value的长度然后存到数据库中，发现还是超出长度了，难道要程序中先截字然后在存到数据库中

可能性
1、别人绕过了js，直接提交数据到你的后台，导致超出长度（也就是说，不要相信客户端提交的任何数据，js做的工作，在后台程序里都要再做一遍）
2、数据库长度是字节长度，而汉字是占用2个字节的，你要判断字节长度进行校验

阅读全文

与jstextarea判断长度相关的资料

热点内容
linux解压zip乱码 浏览：839
看直播数据用哪个平台最好 浏览：730
win10芯片驱动程序版本 浏览：763
如何给word添加公式编辑器 浏览：666
iphone桌面文件夹怎样合并 浏览：919
要我苹果账号密码忘记了怎么办 浏览：578
快快卡在配置游戏文件 浏览：393
数据包重发时间怎么调整 浏览：882
youtubeapp怎么下载 浏览：366
编程检测是什么 浏览：753
网络摄像机的传输距离 浏览：941
超值猫qq群购秒杀群 浏览：138
pdf文件能备注吗 浏览：174
html可视化数据源码在哪里 浏览：387
adobereader专用卸载工具 浏览：28
vivo手机数据如何备份 浏览：888
ithmb文件转换器 浏览：66
看病找什么网站好 浏览：579
linux如何查看文件系统 浏览：581
linux统计点频率 浏览：627

友情链接