单词计数器应用程序中的错误

时间:2014-12-14 19:36:57

标签: javascript jquery

我创建了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 &amp; Paste, Word &amp; 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>

知道如何修复错误吗?

提前谢谢。

2 个答案:

答案 0 :(得分:2)

您的问题不是很清楚,但据我所知,我认为问题出在下面一行

var wordCount = textTrimmed.trim().replace(regex2, ' ').split(' ').length;

将其更改为此

var wordCount = value.trim().split(' ').length;

JSFIDDLE

答案 1 :(得分:1)

如果问题是您不希望任何字符被计为单词直到完成,那么您可以在将其显示为计数之前检查是否存在

在初始化wordCount变量

之后添加此行代码
if (textTrimmed.replace(regex2, ' ').indexOf(' ') < 0)
    wordCount = 0;

参考:http://jsfiddle.net/54v67r36/

除此之外,你的小提琴不算数,因为正则表达式没有引号(参考我的评论) - 虽然你的实际计数器没有这个问题