проблемы при открытии bootstrap модальные после использования (.reportvalidity)

я использую то, что я думаю, является относительно новым .функция reportvalidity для проверки моих обязательные поля на форме. это прекрасно работает, чего хотелось бы достичь после проверки моего ушко спасибо модальные открывает. я удалил данные-тумблер="модальный" данные-цель="#подтвердить-отправить" на кнопке меня представить прекратить благодарить вас модально открывать до проверки я просто застрял с javascript, чтобы открыть его после проверки. вот мой код -

для проверки -

    <script>    document.forms['formfield'].addeventlistener('submit', function() {    document.forms['formfield'].reportvalidity();    }, false);    </script>

на мой bootstrap модальные -

    (function(){    $('##confirm-submit').on('show.bs.modal', function(){    var mymodal = $(this);    cleartimeout(mymodal.data('hideinterval'));    mymodal.data('hideinterval', settimeout(function(){        mymodal.modal('hide');    }, 3000));    });    });

как мне называть модальной после проверки, а не раньше?