Forms 表单提交按钮在引导模式窗口中不起作用

我一直试图使这项工作，但提交按钮是不工作的

我使用的引导模式窗口是：

<div class="modal fade" id="search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">×</a>
            <h4><span class="fa fa-search"></span> Search Anything...</h4>
        </div>          
        <form name='searchdata' action="webarch/search.php" method="post" id="form1">
        <div class="modal-body">
                <div class="input-with-icon success-control"> 
                    <input type="text" class="form-control" id="form1Amount" name="searchvalue" placeholder="Search in users or #hashtags"><br/>
                    <button type="submit" name='user_search' form="form1" id="user_search" value='user' class="btn btn-danger btn-cons"><i class="fa fa-user"></i> User</button>
                    <button type="submit" name='tag_search' form="form1" value='tag' class="btn btn-default"><i class="fa fa-tag"></i> Tags</button>

                </div>  
        </div>          
        </form> 
    </div>
</div>

×
搜索任何东西。。。


使用者
标签

每当我单击submit按钮时，都不会发生任何事情，表单也不会发布值。

---

让我知道如何实现此功能。

使用javascript尝试此功能。这对我很有用：

 <form name='searchdata' id="search_form" action="search.php" method="get">
                <div class="input-with-icon success-control">  
                    <input type="text" class="form-control" id="form1Amount"     name="searchvalue" placeholder="Search in users or #hashtags"><br/>
                </div>  
                <button onclick="form_submit()" name='user_search' value='user' class="btn btn-danger"><i class="fa fa-user"></i> User</button>
                <button onclick="form_submit()" name='tag_search' value='tag' class="btn btn-default"><i class="fa fa-tag"></i> Tags</button>           
        </form> 

  <script type="text/javascript">
  function form_submit() {
    document.getElementById("search_form").submit();
   }    
  </script>

使用者
标签
功能表_提交（）{
document.getElementById（“搜索表单”）.submit（）；
}    

您在这里没有提到模态内容。我想这就是你可能会出错的原因

模态
&时代；
搜索任何东西。。。
使用者
标签

表单中没有提交按钮。将form=“modal details”放在按钮上，该按钮是表单id。提交按钮上不应该有data dismission=“modal”，该按钮是用于关闭模式框的引导处理程序。它对我有用

<div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Client Filter</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form asp-action="Details" asp-controller="Client" method="get" id="modal-details">
                    <div class="form-group">
                        <label for="recipient-name" class="col-form-label">Branch:</label>
                        <select asp-for="NetworkUnitId" class="custom-select form-control">
                            <option value="0">All</option>
                            @foreach (var client in classifierService.GetClients())
                            {
                                <option value="@client.Id">@client.Name</option>
                            }
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" form="modal-details">Search</button>
            </div>
        </div>
    </div>
</div>

客户端筛选器
&时代；
分支机构：
全部的
@foreach（classifierService.GetClients（）中的var客户端）
{
@客户名称
}
接近
搜寻

submit按钮都不起作用吗？是的。他们两个都不工作。我仍然无法找到解决方案，因为似乎没有问题。它只是没有提交或提交模态所在的整个表单？我想它没有提交表单。因为我最初在没有模态窗口的情况下尝试了相同的代码，它工作得非常好。我正在考虑使用javascript。伟大的谢谢你的回答！！但是为什么呢？一点解释可能会有帮助。这对我来说也很奇怪，但我也有兴趣知道为什么会这样，以及如果使用这一步骤会有什么影响。我也有同样的问题，但我不知道如何解决：为什么这是公认的答案，为什么会有这么多的赞成票？使用javascript提交表单？被否决。