jquery - 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"
            }
       } 
    });

});

我在errorElement：''中尝试了div，label，span，仍然有相同的问题和错误div，默认情况下采用类'error'。知道我应该写什么 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;