ASP.Net MVC：客户端验证答案

【问题标题】：ASP.Net MVC: Client side validationASP.Net MVC：客户端验证
【发布时间】：2012-02-29 19:17:36
【问题描述】：

当输入被认为无效时，是否有办法让该字段以红色验证。

我不想使用 Html.ValidationMessageFor，因为我不想让它有消息（它只用于“必填”字段）。

感谢您的帮助

【问题讨论】：

标签： asp.net-mvc validation

【解决方案1】：

它已经内置在 MVC 中（有它的 CSS 类）。

将 site.css 中的 field-validation-error 更改为包含 display:none。

input-validation-error 控制文本框的外观。

这只会为无效字段显示红色边框。

【讨论】：

真丢脸:(。设计师给了我一个没有这个类的css，我没有检查它是否存在，所以一切正常，但我没有正确的css :/。看来我也不需要添加 Html.ValidationMessageFor 来获取这个 css。

【解决方案2】：

如果你使用 jquery，你可以做类似的事情

$('input#myField').on('blur', function(){ //or keyup/keydown/keypress
  var myVal = $(this).val();
  bool isValid = isMyFieldValid(myVal);
  if (!isValid) {
    $(this).addClass('error');
    return false;
  }
  return true;
});

编辑：刚刚注意到您是否想要添加一个类

【讨论】：