Modal Delete

A modal é exibida quando uma ação sensível (como deletar) é solicitada.

Se o usuário confirmar, a modal submete o formulário associado para completar a ação.

Caso o usuário cancele, a modal é fechada sem realizar alterações ou submissões.

Observação: Os IDs e classes não podem ser alterados, tanto do formulário quanto da modal.

Link para usar: https://jpm-development.com/css/modals/del/styles.css

Link para usar: https://jpm-development.com/js/modals/del/custom.js

Clique no botão para ver a modal

<form class="deleteForm" action="#" method="POST">
  <button type="button" id="btnDelete" class="btn-modal-open">Delete</button>
</form>

<div id="deleteModal" class="modal-del">
  <div class="modal-content-del">
    <h2>Attention: this data is sensitive</h2>
    <h3>Are you sure you want to delete?</h3>
    <button class="btn-modal-delete" id="confirmDelete">Yes, delete it anyway</button>
    <button class="btn-modal-cancel" id="cancelDelete">Cancel</button>
  </div>
</div>