Javascript 未捕获的引用错误：。。。事件

当我在Chrome中运行我的页面时，我得到一个“未捕获引用错误chkBirthday未在blur上定义”

我的脚本如下所示：

<script type="text/javascript">
   $(document).on("blur", "input[name=Birthdate]",
   function chkBirthday() {
      $("#Birthdate").datepicker({
         onSelect: function (dateText) {
            alert("dateText");
         }
      });
   });
</script>

$（文档）。在（“模糊”，“输入[姓名=出生日期]”，
函数chkBirthday（）{
$（“#生日”）。日期选择器({
onSelect:函数（日期文本）{
警报（“日期文本”）；
}
});
});

我的助手称之为：

<%=Html.TextBoxFor(c => Model.Birthdate, new { @class = "datepicker",
                                maxlength = 10, @onBlur = "chkBirthday"})%>

Model.Birthdate，新的{@class=“datepicker”，
maxlength=10，@onBlur=“chkBirthday”}）%>

这里我要做的是获取jQueryUIDatePicker的值。我的脚本的其余部分（此处未显示）基本上检查手动输入的日期，如果为空则显示错误。尽管得到了未捕获的引用错误，但这仍然有效。我尝试过将onBlur更改为unblur，所以不是这样

使用Chrome的开发工具，它会显示助手将id转换为“生日”，该id应该引用

$（“#生日”）

，对吗？我不知道还能尝试什么。

试试：

<%=Html.TextBoxFor(c => Model.Birthdate, new { maxlength = 10 })%>

<script type="text/javascript">
$(document).ready(function () {
   $("#Birthdate").bind('change blur', function () { 
       alert($(this).val());
   });
});
</script>

Model.Birthdate，新的{maxlength=10}）%>
$（文档）.ready（函数（）{
$（“#Birthdate”）.bind（'change blur'，function（）{
警报（$（this.val（））；
});
});