javascript - 重叠修复导航与 jQuery 验证输入错误

Question

我使用 jQuery 验证插件和 Bootstrap 。我使用 bootstrap css 将修复导航放在首页。现在我需要验证第一个输入，jquery 验证有效但修复导航与输入验证错误和错误隐藏重叠(我在 FF 30 中检查)。

JS:

$('form').validate({
    rules: {
        firstname: {
            minlength: 3,
            maxlength: 15,
            required: true
        },
        lastname: {
            minlength: 3,
            maxlength: 15,
            required: true
        }
    },
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    errorElement: 'span',
    errorClass: 'help-block',
    errorPlacement: function(error, element) {
        if(element.parent('.input-group').length) {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
    }
});

问题图片:

演示:http://jsfiddle.net/hTPY7/1422/

Answer 1

请在正文中添加一些填充，我希望这能解决这个问题。
或者
尝试使用 jQuery 的一些逻辑，如果 dom 中存在错误消息，则将填充添加到正文中，否则不要。