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>