jQuery Textarea 计数字符验证
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18608318/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Textarea count characters validation
提问by User7291
i'm writing an asp page using vb.net and i need to count the number of characters in my textarea and display the message:"X characters Remaining."
我正在使用 vb.net 编写一个 asp 页面，我需要计算文本区域中的字符数并显示消息：“剩余 X 个字符”。
that's my asp code:
这是我的asp代码：
<td valign='top'>
<textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50"></textarea>
</td>
回答by Krasimir
Here is a JSFiddle
这是一个JSFiddle
HTML:
HTML：
<textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50"></textarea>
<p id="message"></p>
JS:
JS：
var area = document.getElementById("content_txt");
var message = document.getElementById("message");
var maxLength = 50;
var checkLength = function() {
if(area.value.length < maxLength) {
message.innerHTML = (maxLength-area.value.length) + " characters remaining";
}
}
setInterval(checkLength, 300);
回答by user3416787
I have a little but functional solution my friend, try this:
我的朋友有一个小但功能性的解决方案，试试这个：
HTML CODE
代码
<textarea name="message"placeholder="Reply message..." maxlength="155" onkeyup="counter(this);"></textarea>
<div id="counter_div">0/155</div>
JAVASCRIPT CODE
爪哇代码
<script>
function counter(msg){
document.getElementById('counter_div').innerHTML = msg.value.length+'/155';
}
</script>
This case limit 155 characters.
本案例限制为 155 个字符。
回答by FosterZ
this will return current length of the textarea using jquery var length = $('#content_txt').val().length;and rest of the logic you have to give it a try..
这将使用 jqueryvar length = $('#content_txt').val().length;和您必须尝试的其余逻辑返回 textarea 的当前长度..
回答by Bibhu
<td valign='top'>
<textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50"></textarea>
<span id="character-count">100</span> characters remaining.
</td>
var totallength = 100;
$('textarea#input').on('keydown, keyup', function(e) {
$('span#character-count').text((totallength - input.val().length));
});
回答by Shadow
try this
尝试这个
function fix(dis)
{
var total=50; // ho many you want to show
var val = dis.value;
var count = val.length;
document.getElementById('remaining').innerHTML= total-count;
}
<td valign='top'>
<textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50" onkeyup="fix(this)"></textarea>
</td>
<p><span id="remaining">0</span> Characters remaining</p>
