2017-05-09 93 views
0

我想在用戶使用CodeIgniter提交表單之前做出確認彈出窗口,但觸發器/提交部分不起作用。它要求確認,但不提交表格。SweetAlert2確認表單提交不與Codeigniter配合使用

我的HTML:

<?php 
echo form_open(site_url("action"), array('id' => "order" ,)) ?> 
<input type="text" class="form-control" name="anything" value=""> 
<button type="submit" id="btn-submit" class="btn btn-danger" class="form-control">Submit</button> 
<?php echo form_close() ?> 

,這裏是JavaScript的

$('#btn-submit').on('click',function(e){ 
e.preventDefault(); 
var form = $(this).parents('form'); 
swal({ 
    title: "Are you sure?", 
    text: "You will not be able to recover this imaginary file!", 
    type: "warning", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes, delete it!", 
    closeOnConfirm: false 
}, function(isConfirm){ 
    if (isConfirm) form.submit(); 
}); 
}); 

我也試着瞄準/選擇表格ID而不是按鈕,但同樣的問題。資源正確加載。

+0

看起來我有錯誤的版本!我會在這裏更新。 –

回答

0

更改:

var form = $(this).parents('form'); 

var form = $(this).parent('form'); 

,然後再試一次。

0

我實際上是在使用錯誤的函數。我使用的函數來自sweetalert,而我加載了sweetalert2。我改變了代碼

swal({ 
    {... closeOnConfirm: false}, 
    function() { 
    // Function 
    } 
}); 

swal({ 
    ... 
    showLoaderOnConfirm: true, 
    preConfirm: function() { 
    //function 
}).then(function() { 
    swal('Processing'); 
}); 

,它的工作