Как вывести вместо alert сообщение в div?

Question

[viktorulyushev]

Имеется код

$(document).ready(function() {
    $("#ajaxform").submit(function() {
        var $form = $(this);
        var error = false;
        $form.find('input, textarea').each( function(){
            if ($(this).val() == '') {
                alert('Зaпoлнитe пoлe "'+$(this).attr('placeholder'));
                error = true;
            }
        });
        if (!error) {
            var data = $form.serialize();
            $.ajax({
               type: 'POST',
               url: 'mail.php',
               dataType: 'json',
               data: data,

               success: function(data){
                    console.log(data);
                    if (data.success==false) {
                        alert(data['error']);
                    } else {
                        alert('Письмo oтправлено');
                    }
                 },
            });
        }
        return false;
    });
});

Сообщение выводится через alert,мне нужно чтобы в случае успеха моя форма скрывалась,а в случае ошибки выводилось сообщение в виде текста в div

Comments

[Сергей delphinpro]

Ну так уберите вызовы алертов и напишите на их месте кдо, скрывающий/показывающий нужный дивы. На jquery скрыть показать блок просто
$('.selector').hide();
$('.selector').show();

[viktorulyushev]

Сергей: а как сделать чтобы он просто скрылся при успехе,а если опять нажать на кнопку формы,она опять открылась

[Сергей delphinpro]

viktorulyushev: я выше написал как скрыть и показать блок. что именно непонятно?

[viktorulyushev]

Сергей: да все уже,hide скроет блок и его больше открыть нельзя будет,сделал через click

Answer 1

[Максим Тимофеев]

не использовать alert а выводить в div
$('.someDivClass').html('my alert text');

Comments

[viktorulyushev]

а можно как нибудь задать стлиль для my alert text прямо в js?

Answer 2

[Владислав Бойченко]

Создайте этот блок, задайте ему стили, так чтобы он был фиксированным и по центру экрана, после чего скройте его
display: none;
А на месте вызова alert напишите
$('#your-block').fadeIn(500);
500 -- это в миллисекундах время появления блока для плавности.