How to open second modal after validation?

Question

JavaScript

Hello.
There is a modal window with forms and a validator 1000hz.github.io/bootstrap-validator . The validator prevents the button from being clicked until the user enters the correct information. It is necessary after checking (if everything is correct), close the current window and display the second one, with gratitude. How to implement?

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

I tried this code, the second modal window opens, and the first one closes everything as it should, but the validation does not work ..

Answer 1

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