jQuery字符数上限
jQuery字符数上限
提问于 2018-06-07 09:13:03
如何向计数器到达时停止的函数添加限制(10个字符)？
当输入10个字符时，chars-counter停止计数(并显示10个字符)。如果被擦除，它将向后计数回到0。
$(document).ready(function() {
var textarea = $("#my_textarea");
textarea.keydown(function(event) {
var numbOfchars = textarea.val();
var len = numbOfchars.length;
$(".chars-counter").text(len);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="my_textarea" class="uk-textarea" rows="5" name="text"></textarea>
<h1 class="chars-counter">0</h1>
回答 2
Stack Overflow用户
发布于 2018-06-07 09:16:20
你可以这样做：
$(document).ready(function() {
var textarea = $("#my_textarea");
textarea.keydown(function(event) {
var numbOfchars = textarea.val();
var len = numbOfchars.length;
if (len == 10) {
e.preventDefault(); // stop when it is 10
} else {
$(".chars-counter").text(len);
}
});
});Stack Overflow用户
发布于 2018-06-07 09:17:26
如果您希望计数器在10停止，但字段继续工作，您可以像这样编辑您的代码：
$(document).ready(function() {
var textarea = $("#my_textarea");
textarea.keydown(function(event) {
var numbOfchars = textarea.val();
var len = Math.min(numbOfchars.length, 10);
$(".chars-counter").text(len);
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50731658
复制相关文章
相似问题