jquery - 边框颜色改变时按钮移动

Question

我有这个页面:http://new.unreal-designs.co.uk/quote/

如果您点击一个字段然后退出，它会变成红色，因为验证失败，但底部的按钮似乎会移动。

我正在使用 http://www.formvalidator.net/用于验证的插件。

谁能告诉我是什么导致按钮移动？

源已删除，因为它很大，可以在 http://bit.do/bVpn9 看到

Answer 1

当表单验证并抛出错误时，JS 会在按钮后插入 DOM 中的跨度错误消息。

例如。

<span class="help-block form-error">You have not given a correct e-mail address</span>

大概这条消息改变了长度，因此跳来跳去。

因为有规定所以看不到

body span {
    opacity: 0;
}

它没有改变，也许它应该改变。

添加新规则

span.help-block.form-error {
    opacity: 1;
    display: block;
}

这将使消息可见并将其移动到按钮下方