Question

查看：

<form role="form" id="formfield" 
action="invoice/add_invoice" method="post">

<div class="form-group"><input type="text" class="form-control" id="courier" 
name="courier"></div>

<div class="form-group"><label>Last Name</label><input class="form-control" 
name="lastname" id="lastname"></div>

<div class="form-group"><label>First Name</label><input class="form-control"
name="firstname" id="firstname"></div>

<input type="button" name="btn" value="Submit" id="submitBtn" class="btn btn- 
default"/>

</form>

模式：

<div class="modal fade" id="confirm-submit" tabindex="-1" role="dialog" aria- 
labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
  <div class="modal-content">
   <div class="modal-body">
    <table class="table">
        <tr>
           <th>Last Name</th>
           <td id="lname"></td>
        </tr>
   </table>
</div>

<div class="modal-footer">
    <a href="invoice/add_invoice" id="submit" class="btn btn-success 
success">Submit</a>
</div>
</div></div></div>

jQuery：

$('#submitBtn').click(function() {
   $('#confirm-submit').modal('show);
});

$('#submit').click(function(){
  $('#formfield').submit();
});

当我单击提交按钮时，它会打开包含特定表单数据的模态，然后单击模态中的提交按钮，提交表单数据，但由于我在模态中使用了href，因此我提交了模态数据。我想提交表单数据我该怎么办？有其他替代方法可以做到这一点，请告诉我。

Answer 1

您必须更改href文本。请尝试javascript：void（）;或用按钮替换锚替换下面的代码，然后重试

Answer 2

因此，更正是模态的，而不是href使用按钮提交表单。

模式：

<input type="button" class="btn btn-secondary" data-dismiss="modal" id="modal-button" 
value="OK">

jQuery：

//when you click form button it opens the modal

$('#submitBtn').click(function() {
   $('#confirm-submit').modal('show);
});


//when you click modal button it submit the form datas.

$('#modal-button').click(function(){
  $('#formfield').submit();  //formfield is form id
});

当用户单击表单按钮时显示模式，而在用户单击codeigniter中的模式按钮时提交表单

2 个答案: