[英]Textarea limit characters and lines with Javascript
这个主题也有一些类似的主题,但是当前的要求更为具体,我无法将其与现有的解决方案结合起来,因此请社区提供帮助。 我需要为规则构建textarea js验证器:
最多4行,最多32个字符
最多128个字符
文本区域下方显示一个剩余的字符计数器
还有我已经找到的方法...
您能告诉我如何实施吗?
ps应该是清晰的Javascript解决方案
这是您的代码的样子(另请参见JSFiddle ):
var rows = 4;
var cols = 32;
var body = document.body;
var ta = createElem(body, 'textarea');
var div = createElem(body, 'div');
ta.rows = rows;
ta.cols = cols;
ta.addEventListener('keyup', () => {
var lines = ta.value.split('\n');
lines = lines
.slice(0, Math.min(lines.length, rows))
.map(line => line.substring(0, cols));
ta.value = lines.join('\n');
displayRemaining(cols * rows - ta.value.length + rows - 1);
});
displayRemaining(cols * rows);
function createElem(a, b){
b = document.createElement(b);
a.appendChild(b);
return b;
}
function displayRemaining(a){
div.innerHTML = 'Characters remaining: ' + a + '.';
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.