时间戳

首页 > 解决方案 > 当用户单击表单按钮时显示模式并在用户单击 codeigniter 中的模式按钮时提交表单

jquery - 当用户单击表单按钮时显示模式并在用户单击 codeigniter 中的模式按钮时提交表单

问题描述

看法： 

<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>

查询：

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

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

当我单击提交按钮时，它会打开带有特定表单数据的模态，然后我单击模态中的提交按钮，提交表单数据，但在我的情况下，它提交模态数据，因为我在模态中使用 href。现在我想提交表单数据我能做什么？有任何替代方法可以做到这一点，请告诉我..

标签： jquerycodeigniter-3

解决方案

您必须更改 href 文本。请尝试 javascript:void(); 或用按钮替换锚点替换下面的代码并重试

推荐阅读