Я получаю эту ошибку: Uncaught ReferenceError: $ не определен в HTMLInputElement.onkeyup

Question

Как часть регистрационной формы, я просто проверяю, введено имя или нет. Вот 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 поверх всех сценариев. Но я все еще получаю эту ошибку.

Uncaught ReferenceError: name_val не определен в HTMLInputElement.onkeyup

Я надеюсь, что кто-нибудь может мне помочь. Заранее спасибо:)

Answer 1

Попробуйте это ...

function name_val () {...

// Содержимое здесь ...

...}

Надеюсь, это сработает ...