我有1个以上的标签时，提交按钮有问题吗？

Question

我在laravel 7中提交表单时遇到问题。我可以解释这种情况：

我的表单标签是

<form action="/boards/{{$data->id}}/send" 
        id="submit_form_all" 
        method="post" enctype=multipart/form-data>
    @csrf
    

在表单中，我有3 div（这是一个选项卡窗格，我已经用materializeCSS完成了此操作）：

<div id="configPrincipalipal" class="col s12 ">
    ... 
</div>    
<div id="controAcceso" class="col s12 controAccesoDiv">
    ...
</div>    
<div id="agendaConf" class="col s12 agendaConfDiv " style="margin-bottom:10%">
    ...
</div>

然后，我有2个按钮：

<button class="btn waves-effect waves-light offset-s6 red"  href="#" name="action">
    {{Lang ::get('agendaContactos.backButt')}}
    <i class="material-icons left">arrow_back</i>
</button>    
<button onclick="submit_form()" class="btn waves-effect waves-light offset-s6 blue" name="action" >
    {{Lang ::get('agendaContactos.subButt')}}
    <i class="material-icons right">send</i>
</button>

我尝试使用输入type =“ submit” /按钮type =“ submit”，此示例使用了函数commit_form（）->

function submit_form() {
    console.log("sending");
    $("#submit_form_all").submit();
}

我可以看到正在发送的文本，因此按钮到达了该功能。 如果我将按钮放在ID为configPrincipal的第一个div之后，然后到达控制器，但是如果我在按钮之后（例如，打开第二个div之后显示1行），则不提交表单，它不会执行任何操作，控制台上也没有任何响应。

这是网站的图片：