Задать вопрос
@hdtor

Не делается jQuery Post, как поправить?

Есть форма:

<form id="add" action="/add/" method="post">
                    <div class="form-group">
                        <label for="title">E-mail</label>
                        <input type="text" class="form-control form-control-lg" name="email" id="email">
                    </div>
                    <div class="form-group">
                        <label for="title">Название</label>
                        <input type="text" class="form-control form-control-lg" name="name" id="name"><span id="check_name"></span></div>
                    <div class="form-group">
                        <label for="tags">Краткое описание</label>
                        <textarea class="form-control form-control-lg" name="min_descr" id="min_descr"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="title">Текст</label>
                        <textarea style="height:350px;" class="form-control form-control-lg" name="text" id="text"></textarea><span id="check_text"></span></div>
                    <input type="submit" class="btn btn-success" value="Отправить на модерацию">
                </form>


Есть такой обработчик:

<script>
    $("#add").submit(function(e) {
        e.preventDefault();
        var name = $("#name").val(), text = $("#text").val();

	if(name == '') {
		$("#check_name").html('<p style="color:#d13030e6;font-size:14px; font-style: italic;margin-top:7px;">Пожалуйста, введите название статьи.</p>');
		return false;
	} else {
		 $("#check_name").remove();
	}
	
	if(text == '') {
		$("#check_text").html('<p style="color:#d13030e6;font-size:14px; font-style: italic;margin-top:7px;">Пожалуйста, введите текст статьи.</p>');
		return false;
	} else {
		 $("#check_text").remove();
	}
	
	$.ajax({
	url: "/add/",
            type: "post",
            data: $("#add").serialize(),
            success: function(e) {
                alert('s');
            }
});

    });
</script>


Но почему-то когда доходит до отправки самого Post - перестает работать, то есть post не отправляется. В чем дело?
  • Вопрос задан
  • 39 просмотров
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
GeorgeGeorge
@GeorgeGeorge
Студент
$(function () {
    $('form').submit(function (e) {
        var $form = $(this);
        $.ajax({
            type: $form.attr('method'),
            url: $form.attr('action'),
            data: $form.serialize()
        }).done(function () {
            console.log('success');
        }).fail(function () {
            console.log('fail');
        });
        e.preventDefault();
    });
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
11 дек. 2024, в 22:30
250000 руб./за проект
11 дек. 2024, в 22:15
10000 руб./за проект
11 дек. 2024, в 22:10
3000 руб./за проект