检查电子邮件是否存在，元素找不到功能

Question

我刚开始使用Agular和C＃，并尝试检查数据库中是否已存在电子邮件。

我检查时在控制台中收到此错误。

Uncaught ReferenceError: EmailCheck is not defined
    at HTMLInputElement.onchange (consult:1)

这是它的设置方式：

HomeController.cs

[HttpPost]
public JsonResult CheckEmailAvailability(string userdata)
 {
   System.Threading.Thread.Sleep(200);
   var SearchData = db.ConsultList.Where(x => x.Email == 
       userdata).SingleOrDefault();
   if(SearchData != null)
   {
    return Json(1);
   }
   else
   {
     return Json(0);
   }
 }

consult.component.html

<div>
   <span>Email</span>
   <input type="text" id="Email" class="form-control" placeholder="Email" formControlName="Email" onchange="EmailCheck()">
</div>
<div>
   <p id="Status"></p>
</div>



<script>

    function EmailCheck() {
        $("#Status").html("Checking...");
        $.post("@Url.Action("
            CheckEmailAvailability ", "
            Consult ")", {
                userdata: $("#Email").val()
            },
            function (data) {
                if (data == 0) {
                    $("#Status").html('<font color="Green">Email Available');
                    $("#Email").css("border-color", "Green");
                    else {
                        $("#Status").html('<font color="Red">Email is already in use</font>');
                        $("#Email").css("border-color", "Red");
                    }
                });
        }  

 </script>

我尝试了多种方法使其正常工作，但我真的不理解为什么元素找不到功能。

先谢谢了。