Как открыть второе модальное после валидации?

Question

[lavezzi1]

Всем привет.
Есть модальное окно, с формами и валидатором 1000hz.github.io/bootstrap-validator. Валидатор не дает нажать кнопку до того, пока пользователь не введет корректную информацию. Нужно после проверки (если все корректно), закрывать нынешнее окно и выводить второе, с благодарностью. Как осуществить?

<input data-dismiss="modal" data-toggle="modal" data-target="#thanks" type="submit" value="Отправить" class="btn btn-primary btn-block">

Вот такой код попробовал, второе модальное окно открывается, а первое закрывается все как надо, но валидация то не работает..

Answer 1

[Ivan Demidov]

$('#form').validator().on('submit', function (e) {
  if (!e.isDefaultPrevented()) {
    $('#firstModal').modal('hide');
    $('#secondModal').modal('show');
  }
})

Comments

[lavezzi1]

Спасибо, но куда именно его вставлять имеет значение? Через инпут вызывать модальное окно или нет? типа data-target="#thanks".?

[Ivan Demidov]

jsfiddle.net/Scrum/49j4h362/1