当通过JQuery应用'input-validation-error'类时,mvc3 .net selectList高度会发生变化

时间:2012-02-22 09:59:02

标签: jquery .net css asp.net-mvc-3 validation

一个简单的例子:

出生日期(DOB)验证 - 3选择列表:

第一份清单 - 月份日期(1-31)
第二份清单 - 一年中的几个月(1月至12月)
第三名 - 年(1940年 - 1989年)

丢失任何这些选择列表和Javascript函数的焦点值DOB。

如果DOB无效,即1977年2月31日,则使用addClass方法将类input-validation-error应用于3个选择列表。

如果有效,则从3个选择列表中删除课程input-validation-error

似乎input-validation-error正在改变选择列表的高度。

有没有办法阻止这个,因为我已经尝试在课堂上增加一个高度,但这没有帮助。

2 个答案:

答案 0 :(得分:1)

在Firefox中加载页面并使用FireBug检查相关元素。确定在应用input-validation-error时css属性正在更改元素的高度。然后根据它修复。

答案 1 :(得分:0)

看起来您正在使用MVC3进行不引人注目的验证。只需将 ValidationMessageFor 移动到与选择列表不同的元素中,这样选择列表的css就不会改变。 您可以通过更改 $。validator 设置来覆盖/调整验证(从行为到样式)。 Have a look here