JSP - Twitter Bootstrap 模态表单处理答案

【问题标题】：JSP - Twitter Bootstrap modal form processingJSP - Twitter Bootstrap 模态表单处理
【发布时间】：2013-03-22 22:21:46
【问题描述】：

我想使用 jsp 进行模态表单。我的问题是，按钮在另一个 div 中，因此 servlet '/user' 不会被渲染。

<div class="modal-body">
    <form class="form-horizontal" action="/user" method="post">
          <fieldset>
              <div class="control-group">
                 <!-- Text input-->
                 <label class="control-label" for="input01">Email:</label>
                      <div class="controls">
                           <input name="email" placeholder="email" class="input-xlarge" type="text"value="<%=request.getParameter("email")%>">
                     </div>
             </div>

             <div class="control-group">
                  <!-- Text input-->
                  <label class="control-label" for="input01">Password:</label>
                         <div class="controls">
                              <input name="password" placeholder="password" class="input-xlarge" type="text" value="<%=request.getParameter("password")%>">
                         </div>
            </div>

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

如何正确写，我可以使用其他div中的按钮提交表单？

【问题讨论】：

有一个季节为什么不能在表单中使用submit 按钮？
您可以在表单上放置一个 id 属性，在按钮的 onclick 事件中，您可以调用 document.forms["formId"].submit() 或 jQuery $('#formId') .submit()

标签： java html css jsp twitter-bootstrap

【解决方案1】：

您可以在表单上放置一个 id 属性，并在按钮的 onclick 事件中调用 document.forms["formId"].submit() 或 jQuery $('#formId').submit()

<form id="myForm" class="form-horizontal" action="/user" method="post"> //add id attr

在你的按钮上试试这个：

<input type='button' value='submit' onclick='document.forms["myForm"].submit();'/>

或使用 jQuery：

<input type='button' value='submit' onclick='$("#myForm").submit();'/>

【讨论】：