javascript - 不显眼的 javascript MVC3 验证在 IE9 中不起作用，在 IE10、safari 中起作用

Question

我的登录页面中有一个文本框和密码控件，下面是我的 View ，

@Html.TextBoxFor(m => m.Login)
@Html.PasswordFor(m => m.Password)

我已经编写了 jquery 来验证上述 2 个字段，

$('#txtLogin').blur(function () {
  if ($('#txtLogin').val() == '') {
    $('#LoginError').html("Please enter email address.");                            
    return false;
  } else {
    return true;        
  }
});

$('#txtPassword').blur(function () {
  if ($('#txtPassword').val() == '') {
    $('#LoginError').html("Please enter password.");                            
    return false;
   } else {
     return true;
   }
});

我想知道为什么这不仅仅适用于 IE9？它在 IE10 和 safari 5.1 中完美运行

Answer 1

在 MVC 中，您需要确保在 web.config 中添加以下行

<add key="UnobtrusiveJavasScriptEnable" value="true"/>

然后将 jquery 不显眼的库添加到您的模型中，尤其是在 MVC 中，尝试将 jquery 放在单独的文件中并将该文件引用到 View 中。

仅仅添加验证jquery库是不够的，在mvc中还要添加不显眼的验证库。

如果仍然不起作用，请尝试从 html 控件本身调用 jquery onblur 函数，如下所示。我猜这与浏览器问题有关。

@Html.TextBoxFor(m => m.Login,new {"onblur","txtLogin_onbluur"})