Почему я не получаю данные из формы?

Question

[Andrew Lynx]

Дело вот в чём. Форма не простая она у меня добавляется асинхронно после нажатия на кнопку. Задумка такая, что я вношу данные, отправляю на сервер и потом пишу всё это в БД.

Но значения полей формы я не получаю. Подумывал что форму не видно так как она добавляется аяксом. Пытался это как-то зацепить от body, но ничего не вышло.

Вот сама форма:

<div class="box box-info" id="slide-form">
    <div class="box-header">
        <i class="fa fa-envelope"></i>

        <h3 class="box-title">Quick Email</h3>
        <!-- tools box -->
        <div class="pull-right box-tools">
            <button type="button" class="btn btn-info btn-sm close" title="Remove">
                <i class="fa fa-times"></i></button>
        </div>
        <!-- /. tools -->
    </div>
    <div class="box-body">
        <form action="/admin/main/add-slide" method="post" id="slider-submit-form">
            <div class="form-group">
                <input type="text" class="form-control" name="title" placeholder="Заголовок слайда">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="subtitle" placeholder="Подзаголовок слайда">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="price" placeholder="цена">
            </div>
            <div class="box-footer clearfix">
                <button type="submit" class="pull-right btn btn-default slider_form_submit">Send
                    <i class="fa fa-arrow-circle-right"></i></button>
            </div>
        </form>

    </div>
</div>

В js нашкрёб это(но оно не работает =( ):

$('body#slide-form').on('submit',function () {
   var data = $('form').serialize();
   console.log(data);
});

или вот так:

$('form#slider-submit-form').on('submit',function () {
   var data = $('form').serialize();
   console.log(data);
});

вот так еще:

$('.slider_form_submit').on('click',function () {
   var data = $('form').serialize();

   console.log(data);
});

Что я делаю не так? Или вообще всё делаю не так. У меня уже варианты закончились =) Как мне получить данные из этой формы?

Answer 1

[leni_m]

надо так:

$('body').on('submit','#slide-form',function () {
   var data = $('form').serialize();
   console.log(data);
});

Comments

[Andrew Lynx]

Спасибо работает =) Я был близко. Кстати а это нормально в данном случае, что title в консоле
получаю в таком виде ? Кирилица
там . title=%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F%20-%201&subtitle=asdasdasd&price=5555

[leni_m]

Andrew Lynx, нармальна