未捕获的ReferenceError:... onblur

时间:2013-09-09 17:24:48

标签: javascript jquery asp.net-mvc-3

当我在Chrome中运行我的页面时,我收到了一个'未捕获的ReferenceError chkBirthday未定义onblur '。

我的脚本如下所示:

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

我的帮助者称之为:

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

我在这里要做的是获得 JQuery UI datepicker 的价值。我的脚本的其余部分(此处未显示)实际上是在手动输入时检查日期,如果为空则显示错误。尽管获得未捕获的ReferenceError ,这仍然有效。我已经尝试将 onBlur 更改为 unblur ,所以事实并非如此。

使用 Chrome的开发工具,它会显示帮助程序将ID转换为“出生日期”,该文件应引用$("#Birthdate"),对吗?我不知道还有什么可以尝试。

1 个答案:

答案 0 :(得分:0)

尝试:

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

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