Показать сообщение отдельно
  #1 (permalink)  
Старый 21.01.2019, 21:02
Новичок на форуме
Отправить личное сообщение для Vlad Falcone Посмотреть профиль Найти все сообщения от Vlad Falcone
 
Регистрация: 21.01.2019
Сообщений: 2

Не срабатывает событие submit
Коллеги, есть код (привожу с упрощениями):
Код:
<button type="button" class="..." data-toggle="modal" data-target="#UtilityModal">ТЕКСТ</button>
<div class="modal" id="UtilityModal" tabindex="-1" role="dialog" aria-labelledby="UtilityModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header modal_header">
                <h5 class="modal-title modal_capts font-weight-bold" id="UtilityModalLabel">ТЕКСТ</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-6 modal_capts text-center">наименование</div>
                    <div class="col-6 modal_capts text-center">ед.изм.</div>
                </div>
                <form id="add-utility">
                    <div class="row">
                        <div class="col-6 my-auto">
                            <input id="utility_name" name="utility_name" type="text" class="form-control" placeholder="Введите наменование">
                        </div>
                        <div class="col-6 my-auto">
                            <input id="utility_measure" name="utility_measure" type="text" class="form-control" placeholder="Введите ед. изм.">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="modal_subscribe_bitton" data-dismiss="modal" onclick="location.reload(true);">Закрыть</button>
                <input id="save-utility" name="save-utility" type="submit" form="add-utility" class="modal_subscribe_bitton" value="Сохранить изменения" hidden="true">
            </div>
        </div>
    </div>
</div>
Коротко: со страницы, при нажатии кнопки, вызывается модальное окно. В нем форма с двумя текстовыми полями и вынесенная за форму кнопка типа submit. При нажатии этой кнопки должна происходить обработка формы в JS:
$('#add-utility').on('submit',(function(e) {
                alert('We are in JS');
}));

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