2014-05-13 45 views
1

我有问题显示确认对话框,当我点击删除按钮时,它显示确认对话框,并提交表单时没有单击确认对话框中的按钮。Bootsrap 3.1 with laravel 4.0

我使用bootstrap和laravel。这里是代码。

<div class="modal fade" id="confirmDelete" role="dialog" aria-labelledby="confirmDeleteLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Delete Confirmation</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Are you sure you want to delete this data(s) ?</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn default" data-dismiss="modal">Cancel</button> 
      <button type="button" class="btn btn-danger" id="confirm">Delete</button> 
     </div> 
    </div> 
</div> 

$('#confirmDelete').on('show.bs.modal', function (e) { 
      // Pass form reference to modal for submission on yes/ok 
      var form = $(e.relatedTarget).closest('form'); 
      $(this).find('.modal-footer #confirm').data('form', form); 
     }); 

     <!-- Form confirm (yes/ok) handler, submits form --> 
     $('#confirmDelete').find('.modal-footer #confirm').on('click', function(){ 
      $(this).data('form').submit(); 
     }); 


{{ Form::open(array('route' => array('subscription.delete.all'), 'method' => 'delete')) }} 
<button class='btn btn-xs btn-danger' type='submit' data-toggle="modal" data-target="#confirmDelete"> 
      <i class='glyphicon glyphicon-trash'></i> Delete 
     </button> 
{{ Form::close() }} 

回答

0

更改按钮(在表单内)从 “提交” 键入之上的 “按钮”

1

你的模式添加此

<a href="#" type="button" class="btn btn-default btn-danger" data-toggle="modal" data-target="#confirmDelete"> 
delete 

并在您的模态合作去你的删除按钮的代码更改按钮

<button type="button" class="btn btn-danger" id="confirm">Delete</button> 

{{ Form::open(array('route' => array('subscription.delete.all')......