Question

我尝试使用ajax渲染表单并以模态显示它。但是当我在浏览器中检查源代码时，模态中的fom标签只会出现在彼此旁边。我该如何解决这个问题？

这是我在模式中编写的代码：

<!-- Modal Edit client -->
<div id="editClient" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times</button>
        <h4 class="modal-title">Edit Client</h4>
      </div>
      <div class="modal-body">
        <form id="editClientForm" action="{{ path('client_details') }}" method="POST">
            {{ form_widget(form) }}
            <br />
            <input type="submit" class="btn btn-success" value="Save changes">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        </form>
      </div>
    </div>
  </div>
</div>

模式将打开表单字段，并在单击取消时关闭。

以下是浏览器的源代码：

<div class="modal-body">
    <form id="editClientForm" action="/ruben/avr_symfony/web/app_dev.php/configurator/client/details" method="POST"></form>
    => here comes all the form fields and buttons.
</div>

如您所见，它会在放入表单字段之前关闭表单标记。

Answer 1

我发现了问题。

我喜欢我输入的关闭表标签＆lt;表＆gt;而不是＆lt; / table＆gt;在我的代码上面的模态代码。

这解决了这个问题。

表单在模态中无法正确呈现

1 个答案: