jQuery字符计数变量问题

我研究了在jQuery中使用字符计数的各种方法，找到了一种，并对其进行了修改和实现，但我对它有点问题。我只是想知道你们能不能给我一些建议，告诉我哪里可能会出错

这是我的代码：

function countChar(val) 
{
    var len = val.value.length;

    if (len >= 500)
    {
        val.value = val.value.substring(0, 500);
        $('.stat').text(0);
    }
    else 
    {
        $sv = (500 - len);        
        $('.stat').text($sv);
        if ($sv <= 20)
        {           
            $('.stat').css({'border': '1px solid #C33', 'color': '#C33', 'background-color': '#F6CBCA'});
        }
        else if ($sv >= 21 && $sv <= 150)
        {
            $('.stat').css({'border': '1px solid #9F6000', 'color': '#9F6000', 'background-color': '#FEEFB3'});
        }
        else
        {
            $('.stat').css({'border': '1px solid #090', 'color': '#090', 'background-color': '#DFF2BF'});
        }

    }
}

countChar($('#notes').get(0));
$('#notes').keyup(function() {
    countChar(this);
});

我的“笔记”只是一个普通的文本区域

我有一把小提琴：

这是基于所发现的问题

当我在我的页面上实现它时，它没有出现。在查看firebug时，它给了我以下错误：

类型错误：val未定义

根据我的理解，这个错误意味着您需要使用var声明它

我已经这样做了，然后我得到以下错误：

TypeError:val.value未定义

我确实尝试过对val.value执行一个var，但这引发了一个语法错误

我确实尝试在countChar中使用var val，但它给出了以下错误：

SyntaxError:缺少形式参数

我只是看不到我错过了什么，因为它在小提琴中的工作方式正是我想要的

---

任何指点都将不胜感激。提前感谢。

问题似乎是我把它放在了文档之外。准备好了吗，甚至没有意识到我已经准备好了。它现在就像一个符咒一样工作

您正在传递一个元素，出于某种原因，您认为定义一个变量将该元素传递给函数的参数应该在哪里是一个好主意？我不太确定问题是什么，因为您提供的JSFIDLE示例似乎工作正常。我无法在小提琴上复制这个问题。我不知道为什么FF和Chrome会抛出这些错误。Emile：那是我的错，我已经修复了code nowChange构造函数以函数countCharval{}。