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;