Question

我正在尝试在用户使用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而不是按钮但同样的问题。资源正确加载。

Answer 1

改变它：

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

到

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

再试一次。

Answer 2

我实际上使用了错误的功能。我使用的函数来自sweetalert，而我加载了sweetalert2。我改变了代码

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

到

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

它的工作

SweetAlert2表单上的确认提交不与Codeigniter一起使用

2 个答案: