javascript - 如何在发布数据 jquery ajax 期间设置加载图像并将警报消息更改为 div 错误？

Question

如果评论字段为空，我想显示一个 div 而不是显示警报。我怎样才能做到这一点？我的另一个问题是，数据会在几秒钟后显示。在该加载期间可以添加加载图像吗？

<script type="text/javascript">
$(function () {
    // on post comment click 
    $('.bt-add-com').click(function () {
        var theCom = $('.the-new-com');
        var theName = $('#name-com');
        var theMail = $('#mail-com');

        if (!theCom.val()) {
            alert('You need to write a comment!');
        } else {
            $.ajax({
                type: "POST",
                url: "ajax/add-comment.php",
                data: 'act=add-com&id_post=' + <? php echo $id_post; ?> +'&name=' + theName.val() + '&email=' + theMail.val() + '&comment=' + theCom.val(),
                success: function (html) {
                    theCom.val('');
                    theMail.val('');
                    theName.val('');
                    $('.new-com-cnt').hide('fast', function () {
                        $('.new-com-bt').show('fast');
                        $('.new-com-bt').after(html);
                    })
                }
            });
        }
    });
});
</script>