jQuery验证插件错误消息布局

时间:2014-02-10 14:39:17

标签: jquery internet-explorer validation layout message

问题是IE 9的验证错误消息正在跳跃。

是否可能出现影响当前布局?

这意味着,出现在inputs之间的空白处。

这是jsFiddle的简单案例:jsSample
First Name已经过验证。

使用的图书馆:
1。 jQuery 1.7
2。 jQuery验证插件。

1 个答案:

答案 0 :(得分:0)

解决方案是为height元素添加div属性,即input的容器和错误消息。

是:

.billing-address .wrap-data{
    padding-top:24px;
    position: relative;
}

正确的风格:

.billing-address .wrap-data{
    padding-top:24px;
    position: relative;
    height:24px;
}