在我的应用程序中,我插入了一个文本字段,如果用户超出了他们的字符限制,我会验证文本字段。我会显示一个对话框。但是现在有一天像(在发送短信或邮件时)文本字段下面有标签计数左边的数字。这有可能在jquery吗? 像这里是我的文本字段
<input name="text-12" id="text-12" value="" type="text" class="caseName_h" autocorrect="off">
我能够验证文本是否大于10.但是下面的标签有问题.. :(
答案 0 :(得分:2)
您可以使用此逻辑在输入某些文字后不显示任何字符。
HTML:
<textarea id="field"></textarea>
<div id="charNum">500</div>
JS:
$(document).ready(function() {
$('#field').keydown(function() {
var len = $(this).val().length;
if (len >= 500) {
$(this).val() = $(this).substring(0, 500);
} else {
$('#charNum').text(500 - len);
}
});
});
在此处找到工作演示:Demo
答案 1 :(得分:2)
你可以用文本字段功能键或键向下。找到插入的字符的长度。从确定的长度中减去这个长度。这是一个例子。
$(document).ready(function() {
$('#field').keyup(function() {
var len = $(this).val().length;
if (len >= 500) {
$(this).val() = $(this).substring(0, 500);
} else {
$('#check').text(500 - len);
}
});
});