У меня есть очень простая модальная форма, которая в конечном итоге будет использоваться для вставки данных в базу данных SQL. Поскольку я новичок в этом, я просто пытаюсь подтвердить, что управление проходит правильно, однако приведенный ниже код, похоже, не работает.
Вот мой HTML-код:
<div class="modal" id="new-role-modal">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">New User Role</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div>
<form method="post" id="new-role">
<input type="text" class="form-control" id="role-title" placeholder="Role Title" name="role-title">
<div class="modal-actions">
<div>
<button type="submit" class="btn-link modal-action" id="add-role" data-dismiss="modal" value="add-role"><strong>Continue</strong></button>
<button type="button" class="btn-link modal-action" data-dismiss="modal">Cancel</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
Мой код jquery:
$("#new-role").submit(function(e){
e.preventDefault(e);
alert('submit intercepted');
});
Как только я смогу отобразить предупреждение, я в конечном итоге заменим его проверкой и соответствующим кодом для добавления данных, но сейчас я даже не могу отобразить предупреждение. Где я ошибся?
1 ответ
+ Изменить
<button type="submit" class="btn-link modal-action" id="add-role" data-dismiss="modal" value="add-role"><strong>Continue</strong></button>
Кому
<button type="submit" class="btn-link modal-action" id="add-role" value="add-role"><strong>Continue</strong></button>
Ваш скрипт будет работать.
Проблема : кнопка отправки имеет атрибут data-dismiss="modal"
, который закрывает модальное окно без запуска сценария.
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.