验证失败后未绘制文本框的边框

时间:2014-06-28 21:25:36

标签: c# asp.net-mvc

我只是关注了一个ASP.NET MVC书籍示例,为了进行验证,我们已将这些[Required]属性添加到模型中并且它可以正常工作,但现在它添加了样式表以突出显示有问题的字段好。 以下是我在IE中的外观:

enter image description here

请注意,正在应用“红色”样式,但边框不是红色,这就是书籍屏幕截图所示的样子:

enter image description here

这是我刚刚从书中复制的CSS,为什么我的文本框边框不会变红?

.field-validation-error    {color: #f00;}
.field-validation-valid    { display: none;}
.input-validation-error    { border: 1px solid #f00; background-color: #fee; }
.validation-summary-errors { font-weight: bold; color: #f00;}
.validation-summary-valid  { display: none;}

1 个答案:

答案 0 :(得分:1)

对于客户端验证,使用jquery和jquery验证。还从web.config启用了客户端验证:

add key="UnobtrusiveJavaScriptEnabled" value="true"

**还要确保使用IE开发人员工具栏应用样式。