jQuery验证错误消息扰乱了我的表单。 （jquery.validate.js）

Question

每当出现jquery验证错误消息时。它占据了一些空间并推动其他领域的下行。我希望在可用空间中调整错误消息，不应该打扰其他字段或任何其他元素。以下是我正在使用的jquery验证码。

$(document).ready(function(){ 

jQuery("#frmQuickAdd").validate({
        errorElement:'div',
        rules: {
            t_style: {
                required: true
            }
        },

        messages: {
            t_style: {
                    required: "Please select therapy style"
            }
       } 
    });

});

我尝试了div，label，span in errorElement：''，仍然有相同的问题和错误div默认采取类'错误'。任何想法我应该写什么CSS？

Answer 1

基本解决方案是使这些错误消息绝对定位。

1. 在ul.ulsignup li添加margin-bottom: 0;和padding-bottom: 10px;
2. 在ul.ulsignup li .text添加position: relative;
3. 在div.error（或div div .error）中添加position: absolute; bottom: -15px; font-size: 10px;