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;
底部:-15px；
字体大小:10px;