2015-12-06 33 views
0

我已經遇到了一個小問題關閉數據模式與引導我已經顯示了一些代碼基本上在當前階段ajax通過輸入提交字段驗證表單然而,它不會關閉它所在的模式關閉模式時使用ajax和驗證

所以我的問題我如何利用相同的ajax代碼,但允許數據模態關閉提交請記住模式ID是webapp_customers_modal但動態與數字上作爲在多個地方使用的末端

這是我希望使用但不提交表格的首選方法

<button type='submit' data-dismiss='modal'data dismiss='modal'>Save</button> 

這是使用該作品,但不會關閉模式

<input type='submit' class='btn btn-info' value='Save' > 

這是Ajax代碼

 <script> 
     $(function() { 
      $('form.frm_details').on('submit', function(event) { 
       event.preventDefault(); 
       $.ajax({ 
        url: '/limitless/functions2.php', 
        type: 'post', 
        dataType: 'json',      
        data: $(this).serialize(), 
         success: function(data) { 
          if(data.status == '1') 
          { 
           $('#info').addClass('alert alert-danger no-border').html(data.message); 
          } 
          if(data.status == '2') 
          { 
           $('#info').addClass('alert alert-danger no-border').html(data.message); 
           webapp_get_customers(); 
          }        
         } 
       }); 
      }); 
     }); 
    </script> 

回答

2

如果您一次只打開其中一個模塊,則可以向它們添加一個通用類,如my-modals,然後在您的腳本中使用它。這樣你就不需要跟蹤你的動態創建的ID。

$('.my-modals').modal('hide'); 
+0

哎交配這可能是工作你將如何實現這個入模態代碼 – Nathan

+0

只需將它添加到你的腳本,你想要模式關閉。你希望它在表單提交時立即關閉,還是首先當結果從你的ajax請求返回時關閉? – Andy

+0

對不起,再次閱讀您的問題。只需將它放在event.preventDefault()之後;在你的表單提交事件處理程序 – Andy

0

爲什麼不關閉模式使用JavaScript目前的形式提交IM?給你的模態一個Id

$('#myModal').modal('hide'); //This closes modal with id 'myModal' 

PS:你可以在成功回調中添加上面的代碼。

+0

這難道不工作,因爲有可能會高達在第10個情態動詞所有和id appened到ID – Nathan