具有jQuery驗證輸入錯誤的重疊修復導航

Question

我使用jQuery驗證插件和引導程序。 我使用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中存在錯誤消息，則將填充添加到正文，否則不添加。