Cuando abro un modal, luego hago clic en enviar (para enviar una solicitud de publicación de ajax, por ejemplo) y si cierro el modal, lo vuelvo a abrir y lo vuelvo a enviar enviar 2 veces la solicitud (evento con e.preventDefault() )
no entiendo que es lo que esta mal
<div class="modal fade bd-example-modal-lg" id="modalA" tabindex="-1" role="dialog" aria-labelledby="modalChangeTypeLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body d-flex justify-content-center"> <select name="nameA" id="idA" class="form-control" required> </select> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" id="btnChangeStatusA" class="btn btn-primary">ChangeA</button> </div> </div> </div> </div> <script> $(document).ready(function () { $("#btnA").click(function () { $("#modalA").modal(); $("#btnChangeStatusA").click('input', function (f) { f.preventDefault() alert('ok') }) }) }) </script>parece estar apilando las llamadas cuando hace clic en #btnA , intente hacer esto en su lugar:
$(document).ready(function () { $("#btnA").click(function () { $("#modalA").modal(); }) $("#btnChangeStatusA").click('input', function (f) { f.preventDefault() alert('ok') }) })