所有文本区域中的单词总数
||
我正在尝试计算用户在每个文本区域中键入的单词数量，并将它们加起来并在用户键入时向用户显示，到目前为止，我已经做到了：
$(\"[class^=\'count[\']\").bind(\'keyup click blur focus change paste\', function() {
sum = 0;
$(\"[class^=\'count[\']\").each(function() {
var Words = jQuery.trim($(this).val()).split(\' \').length;
sum += Number(Words);
if($(this).val() === \'\') { sum = 0; }
$(\'#maxwords\').children(\'span\').text(sum);
});
});
<ul id=\"forms\">
<li><textarea name=\"PresentationAbstract1\" id=\"PresentationAbstract1\"style=\"width:700px\"></textarea></li>
<li><textarea name=\"PresentationAbstract2\" id=\"PresentationAbstract2\"style=\"width:700px\"></textarea></li>
<li><textarea name=\"PresentationAbstract3\" id=\"PresentationAbstract3\"style=\"width:700px\"></textarea></li>
<li id=\"maxwords\">Total words (<span>0</span>)</li>
</ul>
没有找到相关结果
已邀请:
3 个回复
门锑腺潮
位于迭代中。每次计数文本区域中的单词数时，这将使您的代码写出单词数。然后是if($(this).val() === \'\') { sum = 0; }$(function() { var countWords = function () { var sum = 0; $(\"textarea\").each(function() { var words = $(this).val().split(\' \'); $.each(words, function(i, v) { if ($.trim(v) !== \'\') {sum++;} }); }); $(\'#maxwords span\').text(sum); }; // this binds our counting function to the textareas $(\"textarea\").bind(\'keyup click blur focus change paste\', countWords); // let\'s run this on document ready countWords(); });算法（或更确切地说是？），但是它可以正确检查重复的空格。尝试与正则表达式匹配以降低复杂度可能会更好。 这在这里在我的jsFiddle上工作。 编辑 更新了解决方案以在准备好文档时也运行计数功能。另外，您也可以将处理程序添加到绑定（即）中，而不是调用函数本身，这也应该冒充到文档就绪的处理程序中，但我只是喜欢将其写出来，这样明确。浆错
if($(this).val() === \'\') { sum = 0; }戊袱
$(\"#form textarea\").live(\'KeyUp\', function(){ var sum = 0; $(\"#form textarea\").each(function(){ sum+= $(this).val().split(\' \').length; }); //put sum in your span });