I get this error: Uncaught ReferenceError: $ is not defined at HTMLInputElement.onkeyup

I get this error: Uncaught ReferenceError: $ is not defined at HTMLInputElement.onkeyup

作为注册表单的一部分,我只是检查名称是否已键入或为空。 这是 HTML

<div class="text form-group justify-content-center mx-auto col-12">
     <input type="text" id="name" class=" " name="name" onkeyup='name_val();'>
    <label for="name"><span class="content">&nbsp;&nbsp;Name</span></label>
</div>
<p id="compare_name" class="text-center"> </p>

这是脚本。

var name_val = function (){
if($('#name').val() == ""){
    document.getElementById('compare_name').style.color = 'red';
    document.getElementById('compare_name').innerHTML = 'This field can\'t be empty';
}
else{
    document.getElementById('compare_name').innerHTML = '';
}}

我在所有脚本的顶部引用了 jQuery。但我仍然收到此错误。

未捕获的引用错误:name_val 未定义 在 HTMLInputElement.onkeyup

我希望有人能帮助我。提前致谢:)

试试这个...

函数name_val() { ...

// 内容在这里...

... }

我希望这会奏效...