java - JSP - Twitter Bootstrap 模态表单处理

Question

我想用 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中的按钮来提交表单？

Answer 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();'/>