我创建了this应用程序。
程序会计算文本中的单词数。
但是当我打印第一个字符(任何字符)作为一个单词时,我有错误,我无法理解为什么。
这是jQuery:
counter = function () {
var value = $('#text').val();
if (value.length == 0) {
$('#wordCount').html(0);
$('#totalChars').html(0);
$('#charCount').html(0);
$('#charCountNoSpace').html(0);
return;
}
//var regex1 = /[^A-Za-z_]/gim;
var regex1 = /[^a-z_]/gim;
var regex2 = /\s+/gi;
var textTrimmed = value.replace(regex1, '');
var wordCount = textTrimmed.trim().replace(regex2, ' ').split(' ').length;
var totalChars = value.length;
var charCount = value.trim().length;
var charCountNoSpace = value.replace(regex1, '').length;
$('#textFiltered').html(textTrimmed.trim().replace(regex2, ' '));
$('#textTrimmed').html(textTrimmed);
$('#wordCount').html(wordCount);
$('#totalChars').html(totalChars);
$('#charCount').html(charCount);
$('#charCountNoSpace').html(charCountNoSpace);
};
$(document).ready(function () {
$('#count').click(counter);
$('#text').change(counter);
$('#text').keydown(counter);
$('#text').keypress(counter);
$('#text').keyup(counter);
$('#text').blur(counter);
$('#text').focus(counter);
});
HTML code:
<!DOCTYPE html>
<html>
<head>
<title>Copy & Paste, Word & Character counter</title>
</head>
<body>
<div id="border">
<textarea id='text'></textarea>
</div>
<button id="count">Count</button>
<div id="result">
Words: <span id="wordCount">0</span><br/>
Total Characters(including trails): <span id="totalChars">0</span><br/>
Characters (excluding trails): <span id="charCount">0</span><br/>
Characters (excluding all spaces): <span id="charCountNoSpace">0</span>
</div>
</body>
</html>
知道如何修复错误吗?
提前谢谢。
答案 0 :(得分:2)
您的问题不是很清楚,但据我所知,我认为问题出在下面一行
var wordCount = textTrimmed.trim().replace(regex2, ' ').split(' ').length;
将其更改为此
var wordCount = value.trim().split(' ').length;
答案 1 :(得分:1)
如果问题是您不希望任何字符被计为单词直到完成,那么您可以在将其显示为计数之前检查是否存在
在初始化wordCount变量
之后添加此行代码if (textTrimmed.replace(regex2, ' ').indexOf(' ') < 0)
wordCount = 0;
参考:http://jsfiddle.net/54v67r36/
除此之外,你的小提琴不算数,因为正则表达式没有引号(参考我的评论) - 虽然你的实际计数器没有这个问题