ต้องการเช็คค่าว่างของ form ก่อนที่จะใช้ ajax ในการส่งข้อมูล ต้องวนลูปอย่างไรคะ

<script>
    $(document).ready(function() {  
        $("#signupForm2").validate({
            rules: {
                dst: "required"
            },
            messages: {
                dst: "Please enter your dst"
            },
            submitHandler: function(form) {
                var data = $(this).serialize(); /* ถ้าไม่ส่งค่าไปลองคีย์ตรงๆ $("#signupForm2").serialize()*/
                $.post('', data, function(res){
                    console.log(res);
                });
            }
        });
    });
});
</script>

    $(document).ready(function() {  
        $("#signupForm2").validate({
            rules: {
                dst: "required"
            },
            messages: {
                dst: "Please enter your dst"
            },
            submitHandler: function(e) {
                e.preventDefault(); // Prevent Default Submission
                $.ajax({
                    url: 'submit_comment.php',
                    type: 'POST',
                    data: $('#signupForm2').serialize() // it will serialize the form data
                })
                .done(function(data){
                    $('#signupForm2').fadeOut('slow', function(){
                        $('#signupForm2').fadeIn('slow').html(data);
                    });
                })
                .fail(function(){
                    alert('Ajax Submit Failed ...');    
                });
            }
        });
    });

$(document).ready(function() {  
    $("#signupForm2").validate({
        rules: {
            dst: "required";
        },
        messages: {
            dst: "Please enter your dst";
        },
        submitHandler: function(form) {
            // ขั้นที่1ลอง alert(1);
            // ถ้าผ่านก็ขั้นที่2 console.log($('#signupForm2').serialize());
            // ถ้าผ่านก็ขั้นที่3 ก็ ajax->$.post
            /* Debud ทีละขั้นจะได้รูปว่ามันติดขั้นตอนไหน */
            return false;
        }
    });
});