2014-05-13 85 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')......