Question

我点击后只执行了模态但是表单没有提交，我的代码中可能出现的错误是什么？

<a data-toggle="modal" data-target="#purchaseModal">
    <form action="{{url('accept/invoice')}}" method="post">
        {{csrf_field()}}
        <input type="hidden" name="id" value="{{$in->c_id}}">
        <input type="hidden" name="quantity" value="{{$in->c_quantity}}">
        <button type="submit" class="btn btn-alert  btn-circle">
            <i class="fa fa-check"></i>
        </button>
    </form>
</a>

Answer 1

您可以尝试在表单标记中添加ID，例如

<form action="{{url('accept/invoice')}}" id="form1" method="post">

然后将ID添加到按钮标记

<button type="submit" class="btn btn-alert  btn-circle" form="form1">
 <i class="fa fa-check"></i>
</button>

Answer 2

使用javascript和jquery

首先在表单中添加一个ID，例如：type="submit"

将提交按钮类型更改为按钮：type="button" =＆gt; <form action="{{url('accept/invoice')}}" method="post" id="myform"> {{csrf_field()}} <input type="hidden" name="id" value="{{$in->c_id}}"> <input type="hidden" name="quantity" value="{{$in->c_quantity}}"> <button type="button" class="btn btn-alert btn-circle" onclick="my_function();"> <i class="fa fa-check"></i> </button> </form> <script type="text/javascript"> function my_function() { $("#myModal").modal("toggle"); $("#myform").submit(); } </script>

最后用onclick属性调用java脚本函数，代码应该是这样的：

{{1}}

Button如何同时提交切换模态

2 个答案: