Модальное закрытие при отправке - PullRequest
0 голосов
/ 20 марта 2019

У меня есть это модальное окно, которое появляется при открытии страницы. У меня проблемы с закрытием после отправки формы. Он закрывается с помощью кнопки, и когда вы нажимаете за ее пределами, но почему-то я не могу закрыть его с помощью кнопки отправки.

Мои сценарии

var modal = document.getElementById('myModal');



var span = document.getElementsByClassName("close")[0];



span.onclick = function() {
  modal.style.display = "none";
}


window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

Кнопка, с которой я хочу закрыть модал.

<input type="submit" name="submit" value="Send" > </form>

1 Ответ

0 голосов
/ 20 марта 2019

использование elem.modal()

$('#myModal').modal('hide')
  1. Bootstrap нужен jquery. Так лучше делать с функцией jquery

$(document).ready(function() {
  $('#myModal').modal('show')
  $('form').on('submit', function(e) {
    e.preventDefault();
    $('#myModal').modal('hide')
  })
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Modal Methods</h4>
      </div>
      <div class="modal-body">
       <form>
  <input type="submit" name="submit" value="Send"> </form>
      </div>
    </div>

  </div>
</div>
...