Reputation: 53
I have a Form and when i submit it I will show or i intercept a Modal confirming the submit that contains a confirmation text. When i click on confirm the submit wont done but it reload the page Any one have a ideas. thanks
$('#submit').click(function(){
alert('submitting');
$('#form').submit();
});
<form id="form" name="customer_file_update" method="post" action="XXXXXXX" class="form-horizontal">
{# place of fields#}
<button type="submit" id="customer_file_update_save_and_next" name="customer_file_update[save_and_next]" title="Valider le verdict et continuer" class="btn btn-success btn" data-toggle="modal" data-target="#confirm-verdict-modal" onclick="return false;">Valider le verdict et continuer</button>
<button .....>XXXX</button>
</form>
<div class="modal fade" id="confirm-verdict-modal" tabindex="-1" role="dialog" aria-labelledby="confirm-verdict-label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="row">
<div class="col-md-11">
<h5 class="modal-title" id="confirm-verdict-label">XXXXXXXXXXXXXXX</h5>
</div>
<div class="col-md-1">
<button type="button" class="close" data-dismiss="confirm-verdict-label" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</div>
<div class="modal-body">
XXXXXXXXXXXXXxXXXXXXXXXXXX ?
<p class="text-danger">
/!\ XXXXXXXXXXXXXXXXXXXXXX!
</p>
</div>
<div class="modal-footer"
<a href="#" id="submit" class="btn btn-success success">Submit</a>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
</div>
</div>
</div>
</div>
Upvotes: 0
Views: 475
Reputation: 26
$('#submit').on('click', function (e){
e=e || window.e;
e.preventDefault();
your_code_open_modal;
});
Upvotes: 1